@font-face {
    font-family: "Rubik";
    font-weight: 300;
    font-display: swap;
    src: url(../assets/fonts/Rubik-VariableFont_wght.ttf);
}

@font-face {
    font-family: "Rubik_bold";
    font-weight: 600;
    font-display: swap;
    src: url(../assets/fonts/Rubik-ExtraBold.ttf);
}

@font-face {
    font-family: "Roboto";
    font-weight: 600;
    font-display: swap;
    src: url(../assets/fonts/RobotoCondensed-VariableFont_wght.ttf);
    /* src: url(../assets/fonts/RobotoCondensed-Thin.ttf);
    src: url(../assets/fonts/RobotoCondensed-ExtraLight.ttf);
    src: url(../assets/fonts/RobotoCondensed-Light.ttf);
    src: url(../assets/fonts/RobotoCondensed-Regular.ttf);
    src: url(../assets/fonts/RobotoCondensed-Medium.ttf);
    src: url(../assets/fonts/RobotoCondensed-SemiBold.ttf);
    src: url(../assets/fonts/RobotoCondensed-Bold.ttf);
    src: url(../assets/fonts/RobotoCondensed-ExtraBold.ttf);
    src: url(../assets/fonts/RobotoCondensed-Black.ttf);
    src: url(../assets/fonts/RobotoCondensed-ThinItalic.ttf);
    src: url(../assets/fonts/RobotoCondensed-ExtraLightItalic.ttf);
    src: url(../assets/fontstic/RobotoCondensed-LightItalic.ttf);
    src: url(../assets/fonts/RobotoCondensed-Italic.ttf);
    src: url(../assets/fonts/RobotoCondensed-MediumItalic.ttf);
    src: url(../assets/fonts/RobotoCondensed-SemiBoldItalic.ttf);
    src: url(../assets/fonts/RobotoCondensed-BoldItalic.ttf);
    src: url(../assets/fonts/RobotoCondensed-ExtraBoldItalic.ttf);
    src: url(../assets/fonts/RobotoCondensed-BlackItalic.ttf); */
}