.social{position:fixed;top:40%;z-index:9999;margin-left:10px}.social ul{list-style-type:none;padding:0;transform:translate(-270px)}.social ul li{display:block;margin:5px;background-color:#00000080;width:300px;text-align:right;padding:10px;border-radius:0 30px 30px 0;transition:all 1s}.social ul li:hover{transform:translate(110px)}.social ul li.twitter:hover{background-color:#55acee}.social ul li.facebook:hover{background-color:#3b5999}.social ul li.google-plus: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:#fff;border-radius:50%;width:30px;height:30px;font-size:20px;transform:rotate(0);padding:5px}.social ul li:hover i{transform:rotate(360deg);transition:all 1s}