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

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

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

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

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

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