@font-face {
    font-family: RobotoLight;
    src: url("../fonts/Roboto-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: RobotoMD;
    src: url("../fonts/Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: RobotoSB;
    src: url("../fonts/roboto-semibold-webfont.eot") format(" truetype");
    font-weight: 600;
}

@font-face {
    font-family: RobotoB;
    src: url("../fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
}

:root {
    --fontRobotoLight: RobotoLight;
    --fontRoboto: Roboto;
    --fontRobotoMD: RobotoMD;
    --fontRobotoSB: RobotoSB;
    --fontRobotoB: RobotoB;
}