@font-face {
    font-family: 'IBM Plex Sans';
    font-style: bold;
    font-weight: 800;
    src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url("../fonts/IBM_Plex_Sans/IBMPlexSans-Bold.ttf") format("ttf"); }

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Sans Light"), local("IBMPlexSans-Regular"), url("../fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf") format("ttf"); }

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 100;
    src: local("IBM Plex Sans Thin Italic"), local("IBMPlexSans-ThinItalic"), url(".../fonts/IBM_Plex_Sans/IBMPlexSans-ThinItalic.ttf") format("ttf");
    unicode-range: U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE; }

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

@font-face {
    font-family: 'Roboto';
    font-style: bold;
    font-weight: 800;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/Roboto/Roboto-Bold.ttf") format("ttf");
}