/**
* @license
*
* Font Family: Roboto
* Designed by: Google
* URL: https://fonts.google.com/specimen/Roboto
* © Google Fonts
*
* Roboto Thin
* Roboto ExtraLight
* Roboto Light
* Roboto Regular
* Roboto Medium
* Roboto SemiBold
* Roboto Bold
* Roboto ExtraBold
* Roboto Black
* Roboto Italics for all above
* Roboto Variable (wdth, wght)
* Roboto Italic Variable (wdth, wght)
*/

@font-face {
    font-family: 'Ronoto-Light-Condensed';
    src: url('Roboto/Roboto_Condensed-Black.ttf') Condensed
}
/* Static Fonts - Normal */
@font-face {
    font-family: 'Roboto-Thin';
    src: url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
      font-display: swap;
}

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

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

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

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

/* Static Fonts - Italic */
@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url('../fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

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

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

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

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

/*
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: 'wght' 100, 'wdth' 100;
*
* Available axes:
* 'wght' (range from 100 to 900)
* 'wdth' (range from 75 to 100)
*/

@font-face {
    font-family: 'Roboto-Variable';
    src: url('../fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-stretch: 75% 100%;
    font-style: normal;
      font-display: swap;
}

@font-face {
    font-family: 'Roboto-VariableItalic';
    src: url('../fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-stretch: 75% 100%;
    font-style: italic;
      font-display: swap;
}