@font-face {
  font-family: Roboto;
  src: url(./roboto/Roboto-Thin.eot);
  src: url(./roboto/Roboto-Thin.eot?#iefix) format("embedded-opentype"),
    url(./roboto/Roboto-Thin.woff2) format("woff2"), url(./roboto/Roboto-Thin.woff) format("woff"),
    url(./roboto/Roboto-Thin.ttf) format("truetype"),
    url(./roboto/Roboto-Thin.svg#Roboto-Thin) format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./roboto/Roboto-BlackItalic.eot);
  src: url(./roboto/Roboto-BlackItalic.eot?#iefix) format("embedded-opentype"),
    url(./roboto/Roboto-BlackItalic.woff2) format("woff2"),
    url(./roboto/Roboto-BlackItalic.woff) format("woff"),
    url(./roboto/Roboto-BlackItalic.ttf) format("truetype"),
    url(./roboto/Roboto-BlackItalic.svg#Roboto-BlackItalic) format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./roboto/Roboto-Light.eot);
  src: url(./roboto/Roboto-Light.eot?#iefix) format("embedded-opentype"),
    url(./roboto/Roboto-Light.woff2) format("woff2"),
    url(./roboto/Roboto-Light.woff) format("woff"),
    url(./roboto/Roboto-Light.ttf) format("truetype"),
    url(./roboto/Roboto-Light.svg#Roboto-Light) format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./roboto/Roboto-Italic.eot);
  src: url(./roboto/Roboto-Italic.eot?#iefix) format("embedded-opentype"),
    url(./roboto/Roboto-Italic.woff2) format("woff2"),
    url(./roboto/Roboto-Italic.woff) format("woff"),
    url(./roboto/Roboto-Italic.ttf) format("truetype"),
    url(./roboto/Roboto-Italic.svg#Roboto-Italic) format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./roboto/Roboto-LightItalic.eot);
  src: url(./roboto/Roboto-LightItalic.eot?#iefix) format("embedded-opentype"),
    url(./roboto/Roboto-LightItalic.woff2) format("woff2"),
    url(./roboto/Roboto-LightItalic.woff) format("woff"),
    url(./roboto/Roboto-LightItalic.ttf) format("truetype"),
    url(./roboto/Roboto-LightItalic.svg#Roboto-LightItalic) format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./roboto/Roboto-MediumItalic.eot);
  src: url(./roboto/Roboto-MediumItalic.eot?#iefix) format("embedded-opentype"),
    url(./roboto/Roboto-MediumItalic.woff2) format("woff2"),
    url(./roboto/Roboto-MediumItalic.woff) format("woff"),
    url(./roboto/Roboto-MediumItalic.ttf) format("truetype"),
    url(./roboto/Roboto-MediumItalic.svg#Roboto-MediumItalic) format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./roboto/Roboto-BoldItalic.eot);
  src: url(./roboto/Roboto-BoldItalic.eot?#iefix) format("embedded-opentype"),
    url(./roboto/Roboto-BoldItalic.woff2) format("woff2"),
    url(./roboto/Roboto-BoldItalic.woff) format("woff"),
    url(./roboto/Roboto-BoldItalic.ttf) format("truetype"),
    url(./roboto/Roboto-BoldItalic.svg#Roboto-BoldItalic) format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./roboto/Roboto-Bold.eot);
  src: url(./roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype"),
    url(./roboto/Roboto-Bold.woff2) format("woff2"), url(./roboto/Roboto-Bold.woff) format("woff"),
    url(./roboto/Roboto-Bold.ttf) format("truetype"),
    url(./roboto/Roboto-Bold.svg#Roboto-Bold) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./roboto/Roboto-Black.eot);
  src: url(./roboto/Roboto-Black.eot?#iefix) format("embedded-opentype"),
    url(./roboto/Roboto-Black.woff2) format("woff2"),
    url(./roboto/Roboto-Black.woff) format("woff"),
    url(./roboto/Roboto-Black.ttf) format("truetype"),
    url(./roboto/Roboto-Black.svg#Roboto-Black) format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./roboto/Roboto-Regular.eot);
  src: url(./roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype"),
    url(./roboto/Roboto-Regular.woff2) format("woff2"),
    url(./roboto/Roboto-Regular.woff) format("woff"),
    url(./roboto/Roboto-Regular.ttf) format("truetype"),
    url(./roboto/Roboto-Regular.svg#Roboto-Regular) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./roboto/Roboto-Medium.eot);
  src: url(./roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype"),
    url(./roboto/Roboto-Medium.woff2) format("woff2"),
    url(./roboto/Roboto-Medium.woff) format("woff"),
    url(./roboto/Roboto-Medium.ttf) format("truetype"),
    url(./roboto/Roboto-Medium.svg#Roboto-Medium) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}