/* -------------------------- */
/* -------- Overpass -------- */
/* -------------------------- */

/* --- Overpass Normal --- */

@font-face {
  font-family: "Overpass";
  src: url("Overpass-Regular.eot");
  src: url("Overpass-Regular.eot?#iefix") format("embedded-opentype"),
    url("Overpass-Regular.woff2") format("woff2"),
    url("Overpass-Regular.woff") format("woff"),
    url("Overpass-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Overpass";
  src: url("Overpass-Italic.eot");
  src: url("Overpass-Italic.eot?#iefix") format("embedded-opentype"),
    url("Overpass-Italic.woff2") format("woff2"),
    url("Overpass-Italic.woff") format("woff"),
    url("Overpass-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/* --- Overpass Light --- */

@font-face {
  font-family: "Overpass";
  src: url("Overpass-Light.eot");
  src: url("Overpass-Light.eot?#iefix") format("embedded-opentype"),
    url("Overpass-Light.woff2") format("woff2"),
    url("Overpass-Light.woff") format("woff"),
    url("Overpass-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* --- Overpass SemiBold --- */

@font-face {
  font-family: "Overpass";
  src: url("Overpass-SemiBold.eot");
  src: url("Overpass-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("Overpass-SemiBold.woff2") format("woff2"),
    url("Overpass-SemiBold.woff") format("woff"),
    url("Overpass-SemiBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Overpass";
  src: url("Overpass-SemiBoldItalic.eot");
  src: url("Overpass-SemiBoldItalic.eot?#iefix") format("embedded-opentype"),
    url("Overpass-SemiBoldItalic.woff2") format("woff2"),
    url("Overpass-SemiBoldItalic.woff") format("woff"),
    url("Overpass-SemiBoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* --------------------------- */
/* -------- Noto Sans -------- */
/* --------------------------- */

/* --- Noto Sans Normal --- */

@font-face {
  font-family: "Noto Sans";
  src: url("NotoSans.eot");
  src: url("NotoSans.eot?#iefix") format("embedded-opentype"),
    url("NotoSans.woff2") format("woff2"), url("NotoSans.woff") format("woff"),
    url("NotoSans.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("NotoSans-Italic.eot");
  src: url("NotoSans-Italic.eot?#iefix") format("embedded-opentype"),
    url("NotoSans-Italic.woff2") format("woff2"),
    url("NotoSans-Italic.woff") format("woff"),
    url("NotoSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/* --- Noto Sans 700 --- */

@font-face {
  font-family: "Noto Sans";
  src: url("NotoSans-Bold.eot");
  src: url("NotoSans-Bold.eot?#iefix") format("embedded-opentype"),
    url("NotoSans-Bold.woff2") format("woff2"),
    url("NotoSans-Bold.woff") format("woff"),
    url("NotoSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  src: url("NotoSans-BoldItalic.eot");
  src: url("NotoSans-BoldItalic.eot?#iefix") format("embedded-opentype"),
    url("NotoSans-BoldItalic.woff2") format("woff2"),
    url("NotoSans-BoldItalic.woff") format("woff"),
    url("NotoSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}