/* roboto-100 - thin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('fonts/roboto-v51-latin_latin-ext-100.woff2') format('woff2');
}

/* roboto-100italic - thin-italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url('fonts/roboto-v51-latin_latin-ext-100italic.woff2') format('woff2');
}

/* roboto-200 - extra-light */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('fonts/roboto-v51-latin_latin-ext-200.woff2') format('woff2');
}

/* roboto-200italic - extra-light-italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('fonts/roboto-v51-latin_latin-ext-200italic.woff2') format('woff2');
}

/* roboto-300 - light */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/roboto-v51-latin_latin-ext-300.woff2') format('woff2');
}

/* roboto-regular - 400 */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/roboto-v51-latin_latin-ext-regular.woff2') format('woff2');
}

/* roboto-italic - 400-italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/roboto-v51-latin_latin-ext-italic.woff2') format('woff2');
}

/* roboto-700 - bold */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/roboto-v51-latin_latin-ext-700.woff2') format('woff2');
}