#footer {
    height: min(max(48px, 8vw), 80px); 
    width: 100vw;
    margin-left: calc((100vw - 100%) / (-2));
    padding: 0 min(max(36px, 4vw), 48px);
    background-color: var(--light-pink);
    margin-top:auto;
    margin-bottom: 0px;
}

#footer .icons {
    gap: min(max(48px, 8vw), 80px)
}

#footer a {
    color: var(--dark-brown);
}

#footer svg {
    width: calc(min(max(12px, 2.5vw), 24px));
    height: auto; /* Maintain aspect ratio */
}

#footer .copyright {
    font-size: min(max(8px, 1.6vw), 18px);
}

#footer .credits {
    font-size: min(max(6px, 1.2vw), 12px);
}