@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(inter.woff2) format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    box-sizing: border-box;
}

:root {
    --mainfont: "Inter", sans-serif;
    --white: #ffffff;
    --main-bg: #ceccc9;
    --dark-gray: #2b2b2b;
    --gray: #646464;
    --light-gray: #bdbdbd;
    --gray-on-black: #bababa;
    --kfneblue: #00187b;
    --gray-border: #c0c0c0;
    --dark-gray-border: #a8a8a8;
    --gray-alternative: #d5d5d5;

    --black: #050505;

    --mainwidth: 1780px;
    --inwidth: 83vw;
    --transition-all: all 0.2s ease;

    /*font-sizes*/
    --default-p: 14px;
    --default-link: 1rem;
    --default-div: 1.3rem;
    --default-subheader: 2rem;

    --nav-head: 12rem;
    --nav-head-spacing: -0.85rem;

    --footer-h1: 4rem;
    --footer-h2: 3rem;

    --default-h1: 5rem;
    --default-h2: 3rem;

    --checkbox-size: 25px;
    --section-margin: 180px;
    --top-header: 100px;

    /*border-radius*/
    --1br: 3px;
    --2br: 6px;
}

@media screen and (max-width: 1024px) {
    :root {
 
    --mainwidth: 1780px;
    --inwidth: 90vw !important;
    --transition-all: all 0.2s ease;

    /*font-sizes*/
    --default-p: 12px;
    --default-link: 1rem;
    --default-div: 1.3rem;
    --default-subheader: 2rem;

    --nav-head: 12rem;
    --nav-head-spacing: -0.85rem;

    --footer-h1: 4rem;
    --footer-h2: 3rem;

    --default-h1: 5rem;
    --default-h2: 3rem;

    --checkbox-size: 25px;
    --section-margin: 130px;
    --top-header: 100px;

    /*border-radius*/
    --1br: 3px;
    --2br: 6px;
}
}