@font-face {
    font-family: "Roboto";
    src: url("/assets/fonts/Roboto-Regular.ttf") format("truetype");
}
.font_roboto {
    font-family: Roboto !important;
}

@font-face {
    font-family: "RobotoLight";
    src: url("/assets/fonts/Roboto-Light.ttf") format("truetype");
}
.font_roboto_light {
    font-family: RobotoLight !important;
}

@font-face {
    font-family: "RobotoMedium";
    src: url("/assets/fonts/Roboto-Medium.ttf") format("truetype");
}
.font_roboto_medium {
    font-family: RobotoMedium !important;
}

@font-face {
    font-family: "RobotoBold";
    src: url("/assets/fonts/Roboto-Bold.ttf") format("truetype");
}
.font_roboto_bold {
    font-family: RobotoBold !important;
}


/* Font size */
.font_size_1rem {
    font-size: 1rem !important;
}
.font_size_1_1rem {
    font-size: 1.1rem !important;
}
.font_size_1_2rem {
    font-size: 1.2rem !important;
}
.font_size_1_3rem {
    font-size: 1.3rem !important;
}
.font_size_1_4rem {
    font-size: 1.4rem !important;
}
.font_size_1_5rem {
    font-size: 1.5rem !important;
}
.font_size_1_8rem {
    font-size: 1.8rem !important;
}
.font_size_2rem {
    font-size: 2rem !important;
}
.font_size_2_5rem {
    font-size: 2.5rem !important;
}
.font_size_3rem {
    font-size: 3rem !important;
}
.font_size_3_5rem {
    font-size: 3.5rem !important;
}
.font_size_4rem {
    font-size: 4rem !important;
}
.font_size_4_5rem {
    font-size: 4.5rem !important;
}
.font_size_5rem {
    font-size: 5rem !important;
}