footer {
    width: 100%;
    min-height: 40vh;
    display: grid;
    grid-template-columns: 5fr 4fr;
    gap: 1vmax;
    padding: 1.5vmax 5vw;
    background-color: rgb(9, 9, 9);
}
footer .left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}
footer .left h3 {
    color: var(--colorSecondary);
    font-family: 'Chau Philomene One';
    font-size: max(2.2vh, 1.9vw);
    letter-spacing: 0.2ch;
}
footer .right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 2vmax;
}
footer .right .contact {
    display: flex;
    align-items: center;
    gap: 1.5vmax;
}
.contact-icon {
    font-size: max(1.6vh, 1.3vw);
    background-color: rgb(20, 20, 20);
    border-radius: 50%;
    height: 3ch;
    width: 3ch;
    padding: 1.5ch;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
}
footer .right .contact span {
    font-size: max(1.6vh, 1.3vw);
}