@font-face {
                    font-family: 'Roboto_Condensed-Thin';
                    src: url('./fonts/Roboto_Condensed-Thin.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-Light';
                    src: url('./fonts/Roboto_Condensed-Light.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-ExtraLight';
                    src: url('./fonts/Roboto_Condensed-ExtraLight.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-Medium';
                    src: url('./fonts/Roboto_Condensed-Medium.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-ExtraLight';
                    src: url('./fonts/Roboto-ExtraLight.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-Light';
                    src: url('./fonts/Roboto-Light.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-Regular';
                    src: url('./fonts/Roboto_Condensed-Regular.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-ExtraBold';
                    src: url('./fonts/Roboto-ExtraBold.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-SemiBold';
                    src: url('./fonts/Roboto_Condensed-SemiBold.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-ExtraBold';
                    src: url('./fonts/Roboto_Condensed-ExtraBold.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-Black';
                    src: url('./fonts/Roboto_Condensed-Black.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-Bold';
                    src: url('./fonts/Roboto_Condensed-Bold.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-Thin';
                    src: url('./fonts/Roboto_SemiCondensed-Thin.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-ExtraLight';
                    src: url('./fonts/Roboto_SemiCondensed-ExtraLight.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-Light';
                    src: url('./fonts/Roboto_SemiCondensed-Light.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-Regular';
                    src: url('./fonts/Roboto_SemiCondensed-Regular.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-Medium';
                    src: url('./fonts/Roboto_SemiCondensed-Medium.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-SemiBold';
                    src: url('./fonts/Roboto_SemiCondensed-SemiBold.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-ExtraBold';
                    src: url('./fonts/Roboto_SemiCondensed-ExtraBold.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-Bold';
                    src: url('./fonts/Roboto_SemiCondensed-Bold.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-Thin';
                    src: url('./fonts/Roboto-Thin.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-Black';
                    src: url('./fonts/Roboto_SemiCondensed-Black.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-SemiBold';
                    src: url('./fonts/Roboto-SemiBold.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-Black';
                    src: url('./fonts/Roboto-Black.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-Bold';
                    src: url('./fonts/Roboto-Bold.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-ThinItalic';
                    src: url('./fonts/Roboto_Condensed-ThinItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-LightItalic';
                    src: url('./fonts/Roboto_Condensed-LightItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-MediumItalic';
                    src: url('./fonts/Roboto_Condensed-MediumItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-SemiBoldItalic';
                    src: url('./fonts/Roboto_Condensed-SemiBoldItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-ExtraLightItalic';
                    src: url('./fonts/Roboto_Condensed-ExtraLightItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-Italic';
                    src: url('./fonts/Roboto_Condensed-Italic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-ExtraBoldItalic';
                    src: url('./fonts/Roboto_Condensed-ExtraBoldItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-ExtraLightItalic';
                    src: url('./fonts/Roboto_SemiCondensed-ExtraLightItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-BoldItalic';
                    src: url('./fonts/Roboto_Condensed-BoldItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_Condensed-BlackItalic';
                    src: url('./fonts/Roboto_Condensed-BlackItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                @font-face {
                font-family: 'Roboto-Italic-VariableFont_wdth,wght';
                src: url('./fonts/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
                font-weight: normal;
                font-style: normal;
                }
                
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-ThinItalic';
                    src: url('./fonts/Roboto_SemiCondensed-ThinItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-LightItalic';
                    src: url('./fonts/Roboto_SemiCondensed-LightItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-Italic';
                    src: url('./fonts/Roboto_SemiCondensed-Italic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-MediumItalic';
                    src: url('./fonts/Roboto_SemiCondensed-MediumItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-SemiBoldItalic';
                    src: url('./fonts/Roboto_SemiCondensed-SemiBoldItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-BoldItalic';
                    src: url('./fonts/Roboto_SemiCondensed-BoldItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-BlackItalic';
                    src: url('./fonts/Roboto_SemiCondensed-BlackItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto_SemiCondensed-ExtraBoldItalic';
                    src: url('./fonts/Roboto_SemiCondensed-ExtraBoldItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-ThinItalic';
                    src: url('./fonts/Roboto-ThinItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-ExtraLightItalic';
                    src: url('./fonts/Roboto-ExtraLightItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-LightItalic';
                    src: url('./fonts/Roboto-LightItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-Italic';
                    src: url('./fonts/Roboto-Italic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-MediumItalic';
                    src: url('./fonts/Roboto-MediumItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-SemiBoldItalic';
                    src: url('./fonts/Roboto-SemiBoldItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-BoldItalic';
                    src: url('./fonts/Roboto-BoldItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-ExtraBoldItalic';
                    src: url('./fonts/Roboto-ExtraBoldItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-BlackItalic';
                    src: url('./fonts/Roboto-BlackItalic.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                @font-face {
                font-family: 'Roboto-VariableFont_wdth,wght';
                src: url('./fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
                font-weight: normal;
                font-style: normal;
                }
                
                    @font-face {
                    font-family: 'Roboto-Regular';
                    src: url('./fonts/Roboto-Regular.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }
                    
                    @font-face {
                    font-family: 'Roboto-Medium';
                    src: url('./fonts/Roboto-Medium.ttf') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                    }