:root {
    --primary-color: white;
    --secondary-color: black;

    --main-font: Inter;
    --secondary-font: 'Libre Baskerville';
    --third-font: 'Josefin Sans';

    --main-font-color: black;
    --secondary-font-color: rgb(35, 35, 35);
}
footer {
    font-family: var(--third-font);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: right;
    padding-right: 6%;
    background-color: rgb(0, 40, 110);
}
footer ul {
    list-style: none;
    margin-top: 200px;
    margin-bottom: 90px;
}
footer ul li:first-child {
    color: rgba(240, 240, 240, 0.75);
    font-size: clamp(1.6rem, calc(1.6rem + 2vw), 2rem);
}
footer ul li:not(:first-child) {
    font-size: clamp(1.4rem, calc(1rem + 2vw), 1.6rem);
    color: rgba(255, 255, 255, 0.85);
    margin-top: 20px;
}
footer a {
    color: rgba(255, 255, 255, 0.85);
}

@media only screen and (max-width: 808px) {
    footer {
        justify-content: start;
    }
    footer ul {
        padding-left: 10px;
    }
}