/* TODO doesn't work? */
/* @font-face {
    font-family: manrope vf;
    src: url(/assets/fonts/variable/ManropeGX.ttf) format("truetype-variations");
    font-style: normal;
    font-variation-settings:'wght' 500;font-variation-ligatures:normal;font-weight: 200 800
} */

@font-face {
    font-family: Manrope;
    src: url(../assets/fonts/web/Manrope-ExtraLight.woff2) format("woff2");
    font-weight: 200
}

@font-face {
    font-family: Manrope;
    src: url(../assets/fonts/web/Manrope-Light.woff2) format("woff2");
    font-weight: 300
}

@font-face {
    font-family: Manrope;
    src: url(../assets/fonts/web/Manrope-Regular.woff2) format("woff2");
    font-weight: 400
}

@font-face {
    font-family: Manrope;
    src: url(../assets/fonts/web/Manrope-Medium.woff2) format("woff2");
    font-weight: 500
}

@font-face {
    font-family: Manrope;
    src: url(../assets/fonts/web/Manrope-SemiBold.woff2) format("woff2");
    font-weight: 600
}

@font-face {
    font-family: Manrope;
    src: url(../assets/fonts/web/Manrope-Bold.woff2) format("woff2");
    font-weight: 700
}

@font-face {
    font-family: Manrope;
    src: url(../assets/fonts/web/Manrope-ExtraBold.woff2) format("woff2");
    font-weight: 800
}