.footer {
    text-align: center;
    padding-top: clamp(20px, 5%, 50px);
    padding-bottom: clamp(20px, 5%, 50px);
}
.footer > ul {
    display: flex;
    list-style: none;
    justify-content: center;
    gap: 3rem
}
.footer-contact {
    text-decoration: none;
    font-size: 1rem;
}

.footer-contact:hover {
    color: var(--main-color);
}