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

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

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

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

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

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

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

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

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

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

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

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