.footer {
position: absolute; bottom: 0; left: 0; right: 0; text-align: center; hr { border: 0; border-top: 1px solid #ccc; }
}
.social-links {
.social-link { margin: 0px 10px 10px 10px; img { width: 32px; height: 32px; } } .linkedin { color: blue; } .kaggle { color: skyblue; }
}
//* Material Design Theme //* Origin -> codepen.io/chrisdothtml/pen/azPYqq
// .social-links .social-link, // .social-links .social-before, // .social-links .social-link .fab { // transition: all 0.35s; // transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59); // }
// .social-links .social-before { // top: 90%; // left: -110%; // } // .social-links .social-link .fab { // transform: scale(0.8); // }
// .social-links .social-before { // background-color: #3b5998; // } // .social-links .social-link .fab { // color: #3b5998; // } // .social-links .social-focus:before, // .social-links .social-hover:before { // top: -10%; // left: -10%; // } // .social-links .social-focus .fab, // .social-links .social-hover .fab { // color: fff; // transform: scale(1); // } // .social-links { // height: 50px; // margin: 10px auto; // font-size: 0; // text-align: center; // top: 0; // bottom: 0; // left: 0; // right: 0; // } // .social-links .social-link { // display: inline-block; // background-color: fff; // width: 50px; // height: 50px; // line-height: 50px; // margin: 0 10px; // text-align: center; // position: relative; // overflow: hidden; // border-radius: 28%; // box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1); // opacity: 0.99; // } // .social-links .social-before { // content: ''; // width: 120%; // height: 120%; // position: absolute; // transform: rotate(45deg); // } // .social-links .social-link .fab { // font-size: 38px; // vertical-align: middle; // }