@font-face {
    font-family: 'Roboto Black';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-Black'),
        url("../assets/fonts/Roboto-Black.ttf") format('truetype');
font-display: swap;
}

@font-face {
    font-family: 'Roboto BlackItalic';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-BlackItalic'),	
        url("../assets/fonts/Roboto-BlackItalic.ttf") format('truetype')
font-display: swap;
}

@font-face {
    font-family: 'Roboto Bold';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-Bold'),
        url("../assets/fonts/Roboto-Bold.ttf") format('truetype');
font-display: swap;
}

@font-face {
    font-family: 'Roboto BoldCondensed';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-BoldCondensed'),
        url("../assets/fonts/Roboto-BoldCondensed.ttf") format('truetype');
font-display: swap;
}

@font-face {
    font-family: 'Roboto BoldCondensedItalic';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-BoldCondensedItalic'),
        url("../assets/fonts/Roboto-BoldCondensedItalic.ttf") format('truetype');
font-display: swap;
}

@font-face {
    font-family: 'Roboto BoldItalic';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-BoldItalic'),
        url("../assets/fonts/Roboto-BoldItalic.ttf") format('truetype');
font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-Condensed'),
        url("../assets/fonts/Roboto-Condensed.ttf") format('truetype');
font-display: swap;
}

@font-face {
    font-family: 'Roboto CondensedItalic';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-CondensedItalic'),
        url("../assets/fonts/Roboto-CondensedItalic.ttf") format('truetype');
font-display: swap;
}

@font-face {
    font-family: 'Roboto Italic';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-Italic'),
        url("../assets/fonts/Roboto-Italic.ttf") format('truetype');
font-display: swap;
}

@font-face {
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-Light'),
        url("../assets/fonts/Roboto-Light.ttf") format('truetype');
font-display: swap;
}

@font-face {
    font-family: 'Roboto LightItalic';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-LightItalic'),
        url("../assets/fonts/Roboto-LightItalic.ttf") format('truetype');
font-display: swap;
}

@font-face {
    font-family: 'Roboto Medium';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-Medium'),
        url("../assets/fonts/Roboto-Medium.ttf") format('truetype');
font-display: swap;
}

@font-face {
    font-family: 'Roboto MediumItalic';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-MediumItalic'),
        url("../assets/fonts/Roboto-MediumItalic.ttf") format('truetype');
font-display: swap;
}

@font-face {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-Regular'),
        url("../assets/fonts/Roboto-Regular.ttf") format('truetype');
font-display: swap;
}

@font-face {
    font-family: 'Roboto Thin';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-Thin'),
        url("../assets/fonts/Roboto-Thin.ttf") format('truetype');
font-display: swap;
}

@font-face {
    font-family: 'Roboto ThinItalic';
    font-style: normal;
    font-weight: normal;
    src:
        local('Roboto-ThinItalic'),
        url("../assets/fonts/Roboto-ThinItalic.ttf") format('truetype');
font-display: swap;
}