@font-face {
    font-family: 'RobotoSlab-SemiBold';        /* You pick this name */
    src: url('../../FONTS/RobotoSlab-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;                   /* Good for loading performance */
}
@font-face {
    font-family: 'GoogleSans-Italic';        /* You pick this name */
    src: url('../../FONTS/GoogleSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;                   /* Good for loading performance */
}
@font-face {
    font-family: 'GoogleSans-Regular';        /* You pick this name */
    src: url('../../FONTS/GoogleSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;                   /* Good for loading performance */
}
@font-face {
    font-family: 'RobotoSlab-Bold';        /* You pick this name */
    src: url('../../FONTS/RobotoSlab-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;                   /* Good for loading performance */
}
@font-face {
    font-family: 'BBHBogle-Regular';        /* You pick this name */
    src: url('../../FONTS/BBHBogle-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;                   /* Good for loading performance */
}