/* ROBOTO LIGHT-MEDIUM */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-VariableFont_wdth,wght.woff2') format('woff2'),
         url('../fonts/Roboto/Roboto-VariableFont_wdth,wght.woff') format('woff');
    font-weight: 100 400;
    font-style: normal;
    font-display: swap;
    ascent-override: 90%;
    descent-override: 20%;
    line-gap-override: 0%;
}

/* ROBOTO MEDIUM-BOLD */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-VariableFont_wdth,wght.woff2') format('woff2'),
         url('../fonts/Roboto/Roboto-VariableFont_wdth,wght.woff') format('woff');
    font-weight: 500 900;
    font-style: normal;
    font-display: swap;
    ascent-override: 90%;
    descent-override: 20%;
    line-gap-override: 0%;
}

/* OPEN SANS VARIABLE */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.woff2') format('woff2'),
         url('../fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.woff') format('woff');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    ascent-override: 90%;
    descent-override: 20%;
    line-gap-override: 0%;
}