.social{position:fixed;top:34%;z-index:999;margin-left:0}.social ul{list-style-type:none;padding:0;transform:translatex(-112px)}.social ul li{display:block;margin:4px;background-color:rgba(0,0,0,.5);width:150px;text-align:right;padding:4px;border-radius:0 30px 30px 0;transition:1s}.social ul li:hover{transform:translatex(110px)}.social ul li.fb:hover{background-color:#55acee}.social ul li.link:hover{background-color:#3b5999}.social ul li.ins:hover{background-color:#dd4b39}.social ul li.instagram:hover{background-color:#e4405f}.social ul li a{color:#fff;text-decoration:none}.social ul li i{text-align:center;margin-left:14px;color:#000;background-color:#0f4;padding:10px;border-radius:50%;width:40px;height:40px;font-size:20px;transform:rotate(0)}.social ul li:hover i{transform:rotate(360deg);transition:1s}.social ul li i{text-align:center;margin-left:14px;color:#fff;background-color:#0f4;padding:10px;border-radius:50%;width:36px;height:36px;font-size:17px;transform:rotate(0)}