:root {
    color-scheme: light dark;

    --background-color: light-dark(#fff, #000);
    --text-color: light-dark(#000, #fff);
}


@font-face {
    font-family: Terminus;
    src: url('fonts/VecTerminus12Medium.otf');
}


/*================================ Actual Stuff =================================*/


footer {
    padding: 24px;

    font-family: Terminus;
    font-size: 16px;

    background-color: var(--background-color);
    color: var(--text-color);
    border-top: 1px solid var(--text-color);
}

.footer.foot {
    margin: 24px auto;
    width: 800px;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}


.footer.legal_links a, .footer.contacts_info a {
    margin: 4px;
}

a {
    color: LinkText;
}




/*================================ Mobile Stuff =================================*/


@media screen and (max-width: 800px) {
    footer {
        padding: 12px;

        font-size: 12px;
    }
    
    .footer.foot {
        margin: 12px auto;
        width: 100%;
    }
}