/* ==========================================================================
   Lato (Static TTF Files)
   ========================================================================== */

/* Thin 100 */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('./Lato/Lato-Thin.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url('./Lato/Lato-ThinItalic.ttf') format('truetype');
}

/* Light 300 */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('./Lato/Lato-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('./Lato/Lato-LightItalic.ttf') format('truetype');
}

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

/* Bold 700 */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./Lato/Lato-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('./Lato/Lato-BoldItalic.ttf') format('truetype');
}

/* Black 900 */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('./Lato/Lato-Black.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('./Lato/Lato-BlackItalic.ttf') format('truetype');
}

/* ==========================================================================
   Montserrat (Variable TTF Files)
   ========================================================================== */

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

/* ==========================================================================
   Raleway (Variable TTF Files)
   ========================================================================== */

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

/* ==========================================================================
   Raleway Dots (Static TTF File)
   ========================================================================== */

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