/* ---- css for the footer ---- */
.footer{bottom:0px;padding:15px;position:fixed;right:0;z-index:999;}
.footer-right{float:right;}

/* ---- css for social media icons ---- */
.fa{padding:20px;font-size:30px;width:30px;text-align:center;text-decoration:none;}
.fab{padding:20px;font-size:30px;width:30px;text-align:center;text-decoration:none;}
@media (min-width:800px){
    .fa:hover{opacity:0.7;}
}
.fa-facebook,
.fa-instagram,
.fa-slack,
.fa-github,
.fa-discord,
.fa-stack-overflow,
.fa-linkedin{color:#fff;}