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

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

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

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

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

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

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

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

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

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

/* roboto-200italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 200;
  font-stretch: normal;
  font-display: swap;
  src: url('/fonts/roboto/roboto-200italic.ttf') format('truetype');
}

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

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

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

/* roboto-600italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url('/fonts/roboto/roboto-600italic.ttf') format('truetype');
}

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

/* roboto-800italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url('/fonts/roboto/roboto-800italic.ttf') format('truetype');
}

/* roboto-900italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url('/fonts/roboto/roboto-900italic.ttf') format('truetype');
}