@font-face {
    font-family: 'Roboto';
    src: url('./fonts/roboto/Roboto-Regular.ttf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('./fonts/roboto/Roboto-Regular.ttf');
}


@font-face {
    font-family: 'Roboto-RegularItalic';
    src: url('./fonts/roboto/Roboto-Italic.ttf');
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('./fonts/roboto/Roboto-Medium.ttf');
}


@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('./fonts/roboto/Roboto-MediumItalic.ttf');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('./fonts/roboto/Roboto-Bold.ttf');
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('./fonts/roboto/Roboto-BoldItalic.ttf');
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('./fonts/roboto/Roboto-Black.ttf');
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url('./fonts/roboto/Roboto-BlackItalic.ttf');
}

body {
    font-family: 'Roboto', Sans-serif;
}
*{
    /*font-family: "Roboto-Regular", "Verdana", sans-serif !important;*/
    /*color: rgba(0, 0, 0, 0.87);*/
}

.roboto-medium{
    font-family: 'Roboto-Medium' !important;
}
.roboto-regular{
    font-family: "Roboto-Regular", "Verdana", sans-serif !important;
    color: rgba(0, 0, 0, 0.87) !important;
}