@font-face { font-family: 'Roboto_r'; src: 
    url('../fonts/Roboto-Regular.woff2') format('woff2'),
    url('../fonts/Roboto-Regular.woff') format('woff'); 
    font-weight: 500; 
    font-style: normal; 
    font-display: swap; 
}
@font-face { font-family: 'Roboto_b'; src: 
    url('../fonts/Roboto-Bold.woff2') format('woff2'),
    url('../fonts/Roboto-Bold.woff') format('woff'); 
    font-weight: 500; 
    font-style: normal; 
    font-display: swap; 
}
@font-face { font-family: 'Roboto_m'; src: 
    url('../fonts/Roboto-Medium.woff2') format('woff2'),
    url('../fonts/Roboto-Medium.woff') format('woff'); 
    font-weight: 500; 
    font-style: normal; 
    font-display: swap; 
}
@font-face { font-family: 'Roboto_l'; src: 
    url('../fonts/Roboto-Light.woff2') format('woff2'),
    url('../fonts/Roboto-Light.woff') format('woff'); 
    font-weight: 500; 
    font-style: normal; 
    font-display: swap; 
}
@font-face { font-family: 'Roboto_bl'; src: 
    url('../fonts/Roboto-Black.woff2') format('woff2'),
    url('../fonts/Roboto-Black.woff') format('woff'); 
    font-weight: 500; 
    font-style: normal; 
    font-display: swap; 
}