@font-face {
    font-family: 'Roboto 400';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../../../../api/fonts/Roboto/Roboto-Regular.woff2) format('woff2');
}

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

@font-face {
    font-family: 'Roboto 600';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url(../../../../api/fonts/Roboto/Roboto-SemiBold.woff2) format('woff2');
}

@font-face {
    font-family: 'Noto Sans 700';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(../../../../api/fonts/Noto_Sans/NotoSans-Bold.woff2) format('woff2');
}

@font-face {
    font-family: 'Noto Sans 500';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url(../../../../api/fonts/Noto_Sans/NotoSans-Medium.woff2) format('woff2');
}

@font-face {
    font-family: 'Moul 400';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url(../../../../api/fonts/Moul/Moul-Regular.woff2) format('woff2');
}

/* @font-face {
    font-family: 'Roboto 400';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../../../../api/fonts//Roboto-Regular.ttf) format('trueType');
} */
/* 
@font-face {
    font-family: 'Roboto Bold';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(../../../../api/fonts//Roboto-Bold-3.ttf) format('trueType');
} */

/* @font-face {
    font-family: 'Roboto 900';
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url(../../../../api/fonts//Roboto-Black.ttf) format('trueType');
} */