@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css);

ul {
    padding:0;
    list-style: none;
}
.footer-social-icons {
    display:flex;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: rgba(5,36,83,.6);
    border-radius: .5rem;
}
.fa-facebook:hover {
    background-color: #539bfd;
}
.fa-x-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: rgba(5,36,83,.6);
    border-radius: .5rem;
}
.fa-x-twitter:hover {
    background-color: #539bfd;
    border-radius: .5rem;
}
.fa-instagram {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: rgba(5,36,83,.6);
    border-radius: .5rem;
}
.fa-instagram:hover {
    background-color: #539bfd;
}
.fa-youtube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: rgba(5,36,83,.6);
    border-radius: .5rem;
}
.fa-youtube:hover {
    background-color: #539bfd;
}
.fa-linkedin {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: rgba(5,36,83,.6);
    border-radius: .5rem;
}
.fa-linkedin:hover {
    background-color: #539bfd;
}
.fa-tiktok {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: rgba(5,36,83,.6);
    border-radius: .5rem;
}
.fa-tiktok:hover {
    background-color: #539bfd;
}


.fa-envelope {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: rgba(5,36,83,.6);
    border-radius: .5rem;
}
.fa-envelope:hover {
    background-color: #539bfd;
}

.fa-address-book {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: rgba(5,36,83,.6);
    border-radius: .5rem;
}
.fa-address-book:hover {
    background-color: #539bfd;
}

.fa-whatsapp {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: rgba(5,36,83,.6);
    border-radius: .5rem;
}
.fa-whatsapp:hover {
    background-color: #539bfd;
}

.fa-spotify {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: rgba(5,36,83,.6);
    border-radius: .5rem;
}
.fa-spotify:hover {
    background-color: #539bfd;
}