/**
  * This is a variable font
  * You can control variable axes as shown below:
  * font-variation-settings: wght 900.0;
  *
  * available axes:
  'wght' (range from 300.0 to 900.0
  */
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter/Inter.woff2") format("woff2"),
    url("/assets/fonts/Inter/Inter.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
/**
  * This is a variable font
  * You can control variable axes as shown below:
  * font-variation-settings: wght 900.0;
  *
  * available axes:
  'wght' (range from 300.0 to 900.0
  */
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter/Inter-Italic.woff2") format("woff2"),
    url("/assets/fonts/Inter/Inter-Italic.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}

/**
  * This is a variable font
  * You can control variable axes as shown below:
  * font-variation-settings: wght 900.0;
  *
  * available axes:
  'wght' (range from 300.0 to 900.0
  */
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto/Roboto.woff2") format("woff2"),
    url("/assets/fonts/Roboto/Roboto.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
/**
  * This is a variable font
  * You can control variable axes as shown below:
  * font-variation-settings: wght 900.0;
  *
  * available axes:
  'wght' (range from 300.0 to 900.0
  */
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto/Roboto-Italic.woff2") format("woff2"),
    url("/assets/fonts/Roboto/Roboto-Italic.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}

/**
  * This is a variable font
  * You can control variable axes as shown below:
  * font-variation-settings: wght 900.0;
  *
  * available axes:
  'wght' (range from 300.0 to 900.0
  */
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat/Montserrat.woff2") format("woff2"),
    url("/assets/fonts/Montserrat/Montserrat.ttf") format("truetype");
  font-weight: 300 900;
  font-stretch: 75% 100%;
  font-display: swap;
  font-style: normal;
}
/**
  * This is a variable font
  * You can control variable axes as shown below:
  * font-variation-settings: wght 900.0;
  *
  * available axes:
  'wght' (range from 300.0 to 900.0
  */
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat/Montserrat-Italic.woff2") format("woff2"),
    url("/assets/fonts/Montserrat/Montserrat-Italic.ttf") format("truetype");
  font-weight: 300 900;
  font-stretch: 75% 100%;
  font-display: swap;
  font-style: italic;
}

/**
  * This is a variable font
  * You can control variable axes as shown below:
  * font-variation-settings: wght 900.0;
  *
  * available axes:
  'wght' (range from 300.0 to 900.0
  */
@font-face {
  font-family: "Open Sans";
  src: url("/assets/fonts/OpenSans/OpenSans.woff2") format("woff2"),
    url("/assets/fonts/OpenSans/OpenSans.ttf") format("truetype");
  font-weight: 300 900;
  font-stretch: 75% 100%;
  font-display: swap;
  font-style: normal;
}
/**
  * This is a variable font
  * You can control variable axes as shown below:
  * font-variation-settings: wght 900.0;
  *
  * available axes:
  'wght' (range from 300.0 to 900.0
  */
@font-face {
  font-family: "Open Sans";
  src: url("/assets/fonts/OpenSans/OpenSans-Italic.woff2") format("woff2"),
    url("/assets/fonts/OpenSans/OpenSans-Italic.ttf") format("truetype");
  font-weight: 300 900;
  font-stretch: 75% 100%;
  font-display: swap;
  font-style: italic;
}

/**
  Lato static fonts
 */
/* Thin */
@font-face {
  font-family: "Lato";
  src: url("/assets/fonts/Lato/Lato-Thin.woff2") format("woff2"),
    url("/assets/fonts/Lato/Lato-Thin.woff") format("woff"),
    url("/assets/fonts/Lato/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/assets/fonts/Lato/Lato-ThinItalic.woff2") format("woff2"),
    url("/assets/fonts/Lato/Lato-ThinItalic.woff") format("woff"),
    url("/assets/fonts/Lato/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
/* Light */
@font-face {
  font-family: "Lato";
  src: url("/assets/fonts/Lato/Lato-Light.woff2") format("woff2"),
    url("/assets/fonts/Lato/Lato-Light.woff") format("woff"),
    url("/assets/fonts/Lato/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/assets/fonts/Lato/Lato-LightItalic.woff2") format("woff2"),
    url("/assets/fonts/Lato/Lato-LightItalic.woff") format("woff"),
    url("/assets/fonts/Lato/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
/* Regular */
@font-face {
  font-family: "Lato";
  src: url("/assets/fonts/Lato/Lato-Regular.woff2") format("woff2"),
    url("/assets/fonts/Lato/Lato-Regular.woff") format("woff"),
    url("/assets/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/assets/fonts/Lato/Lato-RegularItalic.woff2") format("woff2"),
    url("/assets/fonts/Lato/Lato-RegularItalic.woff") format("woff"),
    url("/assets/fonts/Lato/Lato-RegularItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* Bold */
@font-face {
  font-family: "Lato";
  src: url("/assets/fonts/Lato/Lato-Bold.woff2") format("woff2"),
    url("/assets/fonts/Lato/Lato-Bold.woff") format("woff"),
    url("/assets/fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/assets/fonts/Lato/Lato-BoldItalic.woff2") format("woff2"),
    url("/assets/fonts/Lato/Lato-BoldItalic.woff") format("woff"),
    url("/assets/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* Black */
@font-face {
  font-family: "Lato";
  src: url("/assets/fonts/Lato/Lato-Black.woff2") format("woff2"),
    url("/assets/fonts/Lato/Lato-Black.woff") format("woff"),
    url("/assets/fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/assets/fonts/Lato/Lato-BlackItalic.woff2") format("woff2"),
    url("/assets/fonts/Lato/Lato-BlackItalic.woff") format("woff"),
    url("/assets/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}