@font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');}

    @font-face {
        font-family: 'Roboto Condensed';
        font-style: italic;
        font-weight: 500;
        font-display: swap;
        src: url('../fonts/RobotoCondensed-Italic.ttf') format('truetype');}

    @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url('../fonts/RobotoCondensed-Light.ttf') format('truetype');}
    
    @font-face {
        font-family: 'Roboto Condensed';
        font-style:italic;
        font-weight: 300;
        font-display: swap;
        src: url('../fonts/RobotoCondensed-LightItalic.ttf') format('truetype');}

        
    @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');}

    @font-face {
        font-family: 'Roboto Condensed';
        font-style: italic;
        font-weight: 700;
        font-display: swap;
        src: url('../fonts/RobotoCondensed-BoldItalic.ttf') format('truetype');}