/* Global variables */
    :root {
        --white: #f7f7f7;
        --black: #373636;
        --grey_darker: #595959;
        --grey_lighter: #7f7f7f;

        --glow_white: #ffffff8f;

        --blue: #0693e3;
        
        --font_s: 14px;
        --font_m: 18px;
        --font_l: 26px;

        --font_xl: 56px;
        --font_xxl: 82px;
        --font_xxxl: 124px;

        --weight_s: 200;
        /* --weight_m: 300; */
        --weight_l: 400;

        --vh: 1vh; /* Fallback on vh if JS is blocked */
    }



/* Global elements */
    html {
        scroll-behavior: smooth;
    }

    body {
        font-family: "Roboto", sans-serif;
        font-optical-sizing: auto;
        font-weight: 300;
        font-style: normal;
        font-variation-settings: "wdth" 100;

        /* background-color: #1e7bb1; */
        background-color: var(--white);
    }

    .mob {
        display: none;
    }