/* Arimo */
@font-face {
  font-family: 'Arimo';
  src: url('Arimo.woff2') format('woff2-variations'),
  url('Arimo.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arimo';
  src: url('Arimo-Italic.woff2') format('woff2-variations'),
  url('Arimo-Italic.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Ibmplexsans */
@font-face {
  font-family: 'Ibmplexsans';
  src: url('Ibmplexsans.woff2') format('woff2-variations'),
  url('Ibmplexsans.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexsans';
  src: url('Ibmplexsans-Italic.woff2') format('woff2-variations'),
  url('Ibmplexsans-Italic.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Inter */
@font-face {
  font-family: 'Inter';
  src: url('Inter-Variable.woff2') format('woff2-variations'),
       url('Inter-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('Inter-Italic-Variable.woff2') format('woff2-variations'),
       url('Inter-Italic-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Jura */
@font-face {
  font-family: 'Jura';
  src: url('Jura-Variable.woff2') format('woff2-variations'),
       url('Jura-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Nunito */
@font-face {
  font-family: 'Nunito';
  src: url('Nunito-Variable.woff2') format('woff2-variations'),
       url('Nunito-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('Nunito-Italic-Variable.woff2') format('woff2-variations'),
       url('Nunito-Italic-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Quicksand */
@font-face {
  font-family: 'Quicksand';
  src: url('Quicksand-Variable.woff2') format('woff2-variations'),
       url('Quicksand-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Montserrat */
@font-face {
  font-family: 'Montserrat';
  src: url('Montserrat-Variable.woff2') format('woff2-variations'),
       url('Montserrat-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('Montserrat-Italic-Variable.woff2') format('woff2-variations'),
       url('Montserrat-Italic-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Nunito Sans */
@font-face {
  font-family: 'Nunito Sans';
  src: url('NunitoSans-Variable.woff2') format('woff2-variations'),
       url('NunitoSans-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito Sans';
  src: url('NunitoSans-Italic-Variable.woff2') format('woff2-variations'),
       url('NunitoSans-Italic-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Host Grotesk */
@font-face {
  font-family: 'Host Grotesk';
  src: url('HostGrotesk-Variable.woff2') format('woff2-variations'),
       url('HostGrotesk-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Host Grotesk';
  src: url('HostGrotesk-Italic-Variable.woff2') format('woff2-variations'),
       url('HostGrotesk-Italic-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Raleway */
@font-face {
  font-family: 'Raleway';
  src: url('Raleway-Variable.woff2') format('woff2-variations'),
       url('Raleway-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('Raleway-Italic-Variable.woff2') format('woff2-variations'),
       url('Raleway-Italic-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Open Sans */
@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans-Variable.woff2') format('woff2-variations'),
       url('OpenSans-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans-Italic-Variable.woff2') format('woff2-variations'),
       url('OpenSans-Italic-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Oswald */
@font-face {
  font-family: 'Oswald';
  src: url('Oswald-Variable.woff2') format('woff2-variations'),
       url('Oswald-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Work Sans */
@font-face {
  font-family: 'Work Sans';
  src: url('WorkSans-Variable.woff2') format('woff2-variations'),
       url('WorkSans-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans';
  src: url('WorkSans-Italic-Variable.woff2') format('woff2-variations'),
       url('WorkSans-Italic-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Roboto Flex */
@font-face {
  font-family: 'Roboto Flex';
  src: url('RobotoFlex-Variable.woff2') format('woff2-variations'),
       url('RobotoFlex-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Roboto (Static) */
@font-face {
  font-family: 'Roboto';
  src: url('Roboto-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('Roboto-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Lora (Static) */
@font-face {
  font-family: 'Lora';
  src: url('Lora-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('Lora-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Raleway Dots (Static) */
@font-face {
  font-family: 'Raleway Dots';
  src: url('RalewayDots-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}