@font-face {
    font-family: "Roboto Black";
    src: url("./Roboto-Black.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto Black Italic";
    src: url("./Roboto-BlackItalic.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto Bold";
    src: url("./Roboto-Bold.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto Bold Italic";
    src: url("./Roboto-BoldItalic.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto Italic";
    src: url("./Roboto-Italic.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto Light";
    src: url("./Roboto-Light.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto Light Italic";
    src: url("./Roboto-LightItalic.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto Medium";
    src: url("./Roboto-Medium.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto Medium Italic";
    src: url("./Roboto-MediumItalic.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto Regular";
    src: url("./Roboto-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto Thin";
    src: url("./Roboto-Thin.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto Thin Italic";
    src: url("./Roboto-ThinItalic.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "RobotoSlab Black";
    src: url("./RobotoSlab-Black.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "RobotoSlab Bold";
    src: url("./RobotoSlab-Bold.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "RobotoSlab ExtraBold";
    src: url("./RobotoSlab-ExtraBold.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "RobotoSlab ExtraLight";
    src: url("./RobotoSlab-ExtraLight.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "RobotoSlab Light";
    src: url("./RobotoSlab-Light.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "RobotoSlab Medium";
    src: url("./RobotoSlab-Medium.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "RobotoSlab Regular";
    src: url("./RobotoSlab-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "RobotoSlab SemiBold";
    src: url("./RobotoSlab-SemiBold.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "RobotoSlab Thin";
    src: url("./RobotoSlab-Thin.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "DMSans Regular";
    src: url("./DMSans-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "DMSans Bold";
    src: url("./DMSans-Bold.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "DMSans Medium";
    src: url("./DMSans-Medium.ttf") format("truetype");
    font-display: swap;
}