@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src:url(./fonts/roboto-v30-latin-100.woff2) format('woff2'),
      url(./fonts/roboto-v30-latin-100.woff) format('woff'),
      url(./fonts/roboto-v30-latin-100.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src:url(./fonts/roboto-v30-latin-300.woff2) format('woff2'),
      url(./fonts/roboto-v30-latin-300.woff) format('woff'),
      url(./fonts/roboto-v30-latin-300.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src:
      url(./fonts/roboto-v30-latin-regular.woff2) format('woff2'),
      url(./fonts/roboto-v30-latin-regular.woff) format('woff'),
      url(./fonts/roboto-v30-latin-regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src:url(./fonts/roboto-v30-latin-500.woff2) format('woff2'),
      url(./fonts/roboto-v30-latin-500.woff) format('woff'),
      url(./fonts/roboto-v30-latin-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src:url(./fonts/roboto-v30-latin-700.woff2) format('woff2'),
      url(./fonts/roboto-v30-latin-700.woff) format('woff'),
      url(./fonts/roboto-v30-latin-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src:url(./fonts/roboto-v30-latin-900.woff2) format('woff2'),
      url(./fonts/roboto-v30-latin-900.woff) format('woff'),
      url(./fonts/roboto-v30-latin-900.ttf) format('truetype');
}