@font-face {
  font-family: Clashdisplay;
  src: url('../fonts/ClashDisplay-Bold.eot') format("embedded-opentype"), url('../fonts/ClashDisplay-Bold.woff') format("woff"), url('../fonts/ClashDisplay-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashdisplay;
  src: url('../fonts/ClashDisplay-Light.eot') format("embedded-opentype"), url('../fonts/ClashDisplay-Light.woff') format("woff"), url('../fonts/ClashDisplay-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashdisplay;
  src: url('../fonts/ClashDisplay-Extralight.eot') format("embedded-opentype"), url('../fonts/ClashDisplay-Extralight.woff') format("woff"), url('../fonts/ClashDisplay-Extralight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashdisplay;
  src: url('../fonts/ClashDisplay-Medium.eot') format("embedded-opentype"), url('../fonts/ClashDisplay-Medium.woff') format("woff"), url('../fonts/ClashDisplay-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashdisplay;
  src: url('../fonts/ClashDisplay-Regular.eot') format("embedded-opentype"), url('../fonts/ClashDisplay-Regular.woff') format("woff"), url('../fonts/ClashDisplay-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashdisplay;
  src: url('../fonts/ClashDisplay-Semibold.eot') format("embedded-opentype"), url('../fonts/ClashDisplay-Semibold.woff') format("woff"), url('../fonts/ClashDisplay-Semibold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clashdisplay variable;
  src: url('../fonts/ClashDisplay-Variable.eot') format("embedded-opentype"), url('../fonts/ClashDisplay-Variable.woff') format("woff"), url('../fonts/ClashDisplay-Variable.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Bold.eot') format("embedded-opentype"), url('../fonts/GeneralSans-Bold.woff') format("woff"), url('../fonts/GeneralSans-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-BoldItalic.eot') format("embedded-opentype"), url('../fonts/GeneralSans-BoldItalic.woff') format("woff"), url('../fonts/GeneralSans-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Extralight.eot') format("embedded-opentype"), url('../fonts/GeneralSans-Extralight.woff') format("woff"), url('../fonts/GeneralSans-Extralight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-ExtralightItalic.eot') format("embedded-opentype"), url('../fonts/GeneralSans-ExtralightItalic.woff') format("woff"), url('../fonts/GeneralSans-ExtralightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Italic.eot') format("embedded-opentype"), url('../fonts/GeneralSans-VariableItalic.eot') format("embedded-opentype"), url('../fonts/GeneralSans-Italic.woff') format("woff"), url('../fonts/GeneralSans-VariableItalic.woff') format("woff"), url('../fonts/GeneralSans-Italic.ttf') format("truetype"), url('../fonts/GeneralSans-VariableItalic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Light.eot') format("embedded-opentype"), url('../fonts/GeneralSans-Light.woff') format("woff"), url('../fonts/GeneralSans-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-LightItalic.eot') format("embedded-opentype"), url('../fonts/GeneralSans-LightItalic.woff') format("woff"), url('../fonts/GeneralSans-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Medium.eot') format("embedded-opentype"), url('../fonts/GeneralSans-Medium.woff') format("woff"), url('../fonts/GeneralSans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Regular.eot') format("embedded-opentype"), url('../fonts/GeneralSans-Regular.woff') format("woff"), url('../fonts/GeneralSans-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-MediumItalic.eot') format("embedded-opentype"), url('../fonts/GeneralSans-MediumItalic.woff') format("woff"), url('../fonts/GeneralSans-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Semibold.eot') format("embedded-opentype"), url('../fonts/GeneralSans-Semibold.woff') format("woff"), url('../fonts/GeneralSans-Semibold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-SemiboldItalic.eot') format("embedded-opentype"), url('../fonts/GeneralSans-SemiboldItalic.woff') format("woff"), url('../fonts/GeneralSans-SemiboldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans variable;
  src: url('../fonts/GeneralSans-Variable.eot') format("embedded-opentype"), url('../fonts/GeneralSans-Variable.woff') format("woff"), url('../fonts/GeneralSans-Variable.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Black.eot') format("embedded-opentype"), url('../fonts/Satoshi-Black.woff') format("woff"), url('../fonts/Satoshi-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BlackItalic.eot') format("embedded-opentype"), url('../fonts/Satoshi-BlackItalic.woff') format("woff"), url('../fonts/Satoshi-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Bold.eot') format("embedded-opentype"), url('../fonts/Satoshi-Bold.woff') format("woff"), url('../fonts/Satoshi-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BoldItalic.eot') format("embedded-opentype"), url('../fonts/Satoshi-BoldItalic.woff') format("woff"), url('../fonts/Satoshi-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Italic.eot') format("embedded-opentype"), url('../fonts/Satoshi-Italic.woff') format("woff"), url('../fonts/Satoshi-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Light.eot') format("embedded-opentype"), url('../fonts/Satoshi-Light.woff') format("woff"), url('../fonts/Satoshi-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-LightItalic.eot') format("embedded-opentype"), url('../fonts/Satoshi-LightItalic.woff') format("woff"), url('../fonts/Satoshi-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Medium.eot') format("embedded-opentype"), url('../fonts/Satoshi-Medium.woff') format("woff"), url('../fonts/Satoshi-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Regular.eot') format("embedded-opentype"), url('../fonts/Satoshi-Regular.woff') format("woff"), url('../fonts/Satoshi-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-MediumItalic.eot') format("embedded-opentype"), url('../fonts/Satoshi-MediumItalic.woff') format("woff"), url('../fonts/Satoshi-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Spacegrotesk;
  src: url('../fonts/SpaceGrotesk-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Microgramma D Extended;
  src: url('../fonts/Microgramma-D-Extended-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Microgramma D Extended;
  src: url('../fonts/Microgramma-D-Extended-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}