@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,500,600&display=swap');

:root{
    --fs-root: 12px;
    --ff-primary: 'IBM Plex Sans', sans-serif;
}


/*
For 4k screens
@media(min-width: 2000px){
    :root{
        --fs-root: 14px;
    }
} */


.material-symbols-outlined {
    max-width: var(--ico-width, 1em);
    font-variation-settings:
        'FILL' 0,
        'wght' var(--mw, 400),
        'GRAD' 0,
        'opsz' 48
}



.material-symbols-outlined.material-symbols-outlined{
    font-size: var(--ico-size, 1.9em);
    vertical-align: middle;
}


.fs-2x{
    font-size: 200%;
}
@font-face {
    font-family: "Gotham-Book";
    src: url("../../assets/css/gotham/GothamBook.woff") format("woff2"),
        url("../../assets/css/gotham/GothamBook.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham-Bold";
    src: url("../../assets/css/gotham/Gotham-Bold.woff2") format("woff2"),
        url("../../assets/css/gotham/Gotham-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham-Mid";
    src: url("../../assets/css/gotham/GothamMedium.woff2") format("woff2"),
        url("../../assets/css/gotham/GothamMedium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham-Light";
    src: url("../../assets/css/gotham/Gotham-Light.woff2") format("woff2"),
        url("../../assets/css/gotham/otham-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}