@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
body{background-color:rgba(0,181,245,.05)}.social-container{margin:auto;text-align:center}.social-icons{list-style:none;margin:1em;padding:0}.social-icons li{display:inline-block;font-size:24px;margin:.15em;position:relative}.social-icons i{color:#fff;left:21px;position:absolute;top:21px;transition:all 265ms ease-out}.social-icons a{display:inline-block}.social-icons a:before{background:linear-gradient(45deg,#00b5f5,#002a8f);border-radius:100%;content:" ";display:block;height:60px;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transition:all 265ms ease-out;width:60px}.social-icons a:hover:before{transform:scale(0);transition:all 265ms ease-in}.social-icons a:hover i{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#00b5f5,#002a8f);-webkit-background-clip:text;color:#00b5f5;transform:scale(2.2);-ms-transform:scale(2.2);-webkit-transform:scale(2.2);transition:all 265ms ease-in}