/* Rubik */
@font-face {
  font-family: "Rubik";
  src: url("./fonts/Rubik/Rubik-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: normal;
  font-display: block;
}

@font-face {
  font-family: "Rubik";
  src: url("./fonts/Rubik/Rubik-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: block;
}

/* Noto Sans */
@font-face {
  font-family: "Noto Sans";
  src: url("./fonts/NotoSans/NotoSans-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: normal;
  font-display: block;
}

@font-face {
  font-family: "Noto Sans";
  src: url("./fonts/NotoSans/NotoSans-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: normal;
  font-display: block;
}

@font-face {
  font-family: "Noto Sans";
  src: url("./fonts/NotoSans/NotoSans-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: block;
}

@font-face {
  font-family: "Noto Sans";
  src: url("./fonts/NotoSans/NotoSans-MediumItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 500;
  font-display: block;
}

@font-face {
  font-family: "Noto Sans";
  src: url("./fonts/NotoSans/NotoSans-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: block;
}

@font-face {
  font-family: "Noto Sans";
  src: url("./fonts/NotoSans/NotoSans-SemiBoldItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 600;
  font-display: block;
}

@font-face {
  font-family: "Noto Sans";
  src: url("./fonts/NotoSans/NotoSans-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: block;
}

@font-face {
  font-family: "Noto Sans";
  src: url("./fonts/NotoSans/NotoSans-BoldItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: block;
}

/* Source Code Pro */
@font-face {
  font-family: "Source Code Pro";
  src: url("./fonts/SourceCodePro/SourceCodePro-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: normal;
  font-display: block;
}

@font-face {
  font-family: "Source Code Pro";
  src: url("./fonts/SourceCodePro/SourceCodePro-It.woff2") format("woff2");
  font-style: italic;
  font-weight: normal;
  font-display: block;
}

@font-face {
  font-family: "Source Code Pro";
  src: url("./fonts/SourceCodePro/SourceCodePro-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: block;
}

@font-face {
  font-family: "Source Code Pro";
  src: url("./fonts/SourceCodePro/SourceCodePro-BoldIt.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: block;
}

/** Lato **/
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Lato Hairline";
  src: url("./fonts/Lato/Lato-HairlineItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Lato Hairline";
  src: url("./fonts/Lato/Lato-Hairline.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}

/** Inter **/
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("./fonts/Inter/Inter-Thin.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("./fonts/Inter/Inter-ThinItalic.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("./fonts/Inter/Inter-ExtraLight.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("./fonts/Inter/Inter-ExtraLightItalic.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("./fonts/Inter/Inter-Light.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("./fonts/Inter/Inter-LightItalic.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Inter/Inter-Regular.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Inter/Inter-Italic.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./fonts/Inter/Inter-Medium.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("./fonts/Inter/Inter-MediumItalic.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./fonts/Inter/Inter-SemiBold.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("./fonts/Inter/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/Inter/Inter-Bold.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/Inter/Inter-BoldItalic.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("./fonts/Inter/Inter-ExtraBold.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("./fonts/Inter/Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("./fonts/Inter/Inter-Black.woff2?v=3.19") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("./fonts/Inter/Inter-BlackItalic.woff2?v=3.19") format("woff2");
}

/* ----------------------- variable ----------------------- */

@font-face {
  font-family: "Inter var";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./fonts/Inter/Inter-roman.var.woff2?v=3.19") format("woff2");
  font-named-instance: "Regular";
}

@font-face {
  font-family: "Inter var";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("./fonts/Inter/Inter-italic.var.woff2?v=3.19") format("woff2");
  font-named-instance: "Italic";
}

@font-face {
  font-family: "solid-dazzle";
  src: url("./fonts/DazzleIcons/solid-dazzle.woff2?392f87bdc7b8af9575958c353c4e8ca3") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "outline-dazzle";
  src: url("./fonts/DazzleIcons/outline-dazzle.woff2?374855a16181b584c605204dcba9f54d") format("woff2");
  font-weight: normal;
  font-style: normal;
}