@font-face {
    font-family: futura;
    src: url(../fonts/futura.ttf);
}

@font-face {
    font-family: din;
    src: url(../fonts/din.ttf);
}

@font-face {
    font-family: Source Sans 3;
    src: url(../fonts/SoureSans3/SourceSans3-Regular.ttf);
}

@font-face {
    font-family: Source Sans Pro;
    src: url(../fonts/SourceSansPro-Regular.ttf.woff2);
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato/Lato-Regular.ttf);
}

@font-face {
    font-family: 'Geist';
    font-weight: 100; /* Thin */
    src: url('../fonts/Geist-v1.4.01/webfonts/Geist-Thin.woff2') format('woff2');
}

@font-face {
    font-family: 'Geist';
    font-weight: 200; /* ExtraLight */
    src: url('../fonts/Geist-v1.4.01/webfonts/Geist-ExtraLight.woff2') format('woff2');
}

@font-face {
    font-family: 'Geist';
    font-weight: 300; /* Light */
    src: url('../fonts/Geist-v1.4.01/webfonts/Geist-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Geist';
    font-weight: 400; /* Regular */
    src: url('../fonts/Geist-v1.4.01/webfonts/Geist-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Geist';
    font-weight: 500; /* Medium */
    src: url('../fonts/Geist-v1.4.01/webfonts/Geist-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Geist';
    font-weight: 600; /* SemiBold */
    src: url('../fonts/Geist-v1.4.01/webfonts/Geist-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Geist';
    font-weight: 700; /* Bold */
    src: url('../fonts/Geist-v1.4.01/webfonts/Geist-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Geist';
    font-weight: 800; /* ExtraBold */
    src: url('../fonts/Geist-v1.4.01/webfonts/Geist-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Geist';
    font-weight: 900; /* Black */
    src: url('../fonts/Geist-v1.4.01/webfonts/Geist-Black.woff2') format('woff2');
}

@font-face {
    font-family: 'GeistMono';
    font-weight: 100; /* Thin */
    src: url('../fonts/GeistMono-1.4.01/webfonts/GeistMono-Thin.woff2') format('woff2');
}

@font-face {
    font-family: 'GeistMono';
    font-weight: 200; /* UltraLight */
    src: url('../fonts/GeistMono-1.4.01/webfonts/GeistMono-UltraLight.woff2') format('woff2');
}

@font-face {
    font-family: 'GeistMono';
    font-weight: 300; /* Light */
    src: url('../fonts/GeistMono-1.4.01/webfonts/GeistMono-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'GeistMono';
    font-weight: 400; /* Regular */
    src: url('../fonts/GeistMono-1.4.01/webfonts/GeistMono-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'GeistMono';
    font-weight: 500; /* Medium */
    src: url('../fonts/GeistMono-1.4.01/webfonts/GeistMono-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'GeistMono';
    font-weight: 600; /* SemiBold */
    src: url('../fonts/GeistMono-1.4.01/webfonts/GeistMono-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'GeistMono';
    font-weight: 700; /* Bold */
    src: url('../fonts/GeistMono-1.4.01/webfonts/GeistMono-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'GeistMono';
    font-weight: 800; /* UltraBlack */
    src: url('../fonts/GeistMono-1.4.01/webfonts/GeistMono-UltraBlack.woff2') format('woff2');
}

@font-face {
    font-family: 'GeistMono';
    font-weight: 900; /* Black */
    src: url('../fonts/GeistMono-1.4.01/webfonts/GeistMono-Black.woff2') format('woff2');
}

/* Variable fonts usage:
:root { font-family: "Inter", sans-serif; }
@supports (font-variation-settings: normal) {
  :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
} */
@font-face {
    font-family: InterVariable;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/Inter-4.1/InterVariable.woff2") format("woff2");
  }
  @font-face {
    font-family: InterVariable;
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/Inter-4.1/InterVariable-Italic.woff2") format("woff2");
  }
  
  /* static fonts */
  @font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-Thin.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-ThinItalic.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-ExtraLight.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-ExtraLightItalic.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-Light.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-LightItalic.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-Regular.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-Italic.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-Medium.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-MediumItalic.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-SemiBold.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-SemiBoldItalic.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-Bold.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-BoldItalic.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-ExtraBold.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-ExtraBoldItalic.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-Black.woff2") format("woff2"); }
  @font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("../fonts/Inter-4.1/web/Inter-BlackItalic.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-Thin.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-ThinItalic.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-ExtraLight.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-ExtraLightItalic.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-Light.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-LightItalic.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-Regular.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-Italic.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-Medium.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-MediumItalic.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-SemiBold.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-SemiBoldItalic.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-Bold.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-BoldItalic.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-ExtraBold.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-Black.woff2") format("woff2"); }
  @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("../fonts/Inter-4.1/web/InterDisplay-BlackItalic.woff2") format("woff2"); }
  
  @font-feature-values InterVariable {
      @character-variant {
          cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
          cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
          alt-1:            1; /* Alternate one */
          alt-3:            9; /* Flat-top three */
          open-4:           2; /* Open four */
          open-6:           3; /* Open six */
          open-9:           4; /* Open nine */
          lc-l-with-tail:   5; /* Lower-case L with tail */
          simplified-u:     6; /* Simplified u */
          alt-double-s:     7; /* Alternate German double s */
          uc-i-with-serif:  8; /* Upper-case i with serif */
          uc-g-with-spur:  10; /* Capital G with spur */
          single-story-a:  11; /* Single-story a */
          compact-lc-f:    12; /* Compact f */
          compact-lc-t:    13; /* Compact t */
      }
      @styleset {
          ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
          open-digits: 1;                /* Open digits */
          disambiguation: 2;             /* Disambiguation (with zero) */
          disambiguation-except-zero: 4; /* Disambiguation (no zero) */
          round-quotes-and-commas: 3;    /* Round quotes & commas */
          square-punctuation: 7;         /* Square punctuation */
          square-quotes: 8;              /* Square quotes */
          circled-characters: 5;         /* Circled characters */
          squared-characters: 6;         /* Squared characters */
      }
  }
  @font-feature-values Inter {
      @character-variant {
          cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
          cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
          alt-1:            1; /* Alternate one */
          alt-3:            9; /* Flat-top three */
          open-4:           2; /* Open four */
          open-6:           3; /* Open six */
          open-9:           4; /* Open nine */
          lc-l-with-tail:   5; /* Lower-case L with tail */
          simplified-u:     6; /* Simplified u */
          alt-double-s:     7; /* Alternate German double s */
          uc-i-with-serif:  8; /* Upper-case i with serif */
          uc-g-with-spur:  10; /* Capital G with spur */
          single-story-a:  11; /* Single-story a */
          compact-lc-f:    12; /* Compact f */
          compact-lc-t:    13; /* Compact t */
      }
      @styleset {
          ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
          open-digits: 1;                /* Open digits */
          disambiguation: 2;             /* Disambiguation (with zero) */
          disambiguation-except-zero: 4; /* Disambiguation (no zero) */
          round-quotes-and-commas: 3;    /* Round quotes & commas */
          square-punctuation: 7;         /* Square punctuation */
          square-quotes: 8;              /* Square quotes */
          circled-characters: 5;         /* Circled characters */
          squared-characters: 6;         /* Squared characters */
      }
  }
  @font-feature-values InterDisplay {
      @character-variant {
          cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
          cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
          alt-1:            1; /* Alternate one */
          alt-3:            9; /* Flat-top three */
          open-4:           2; /* Open four */
          open-6:           3; /* Open six */
          open-9:           4; /* Open nine */
          lc-l-with-tail:   5; /* Lower-case L with tail */
          simplified-u:     6; /* Simplified u */
          alt-double-s:     7; /* Alternate German double s */
          uc-i-with-serif:  8; /* Upper-case i with serif */
          uc-g-with-spur:  10; /* Capital G with spur */
          single-story-a:  11; /* Single-story a */
          compact-lc-f:    12; /* Compact f */
          compact-lc-t:    13; /* Compact t */
      }
      @styleset {
          ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
          open-digits: 1;                /* Open digits */
          disambiguation: 2;             /* Disambiguation (with zero) */
          disambiguation-except-zero: 4; /* Disambiguation (no zero) */
          round-quotes-and-commas: 3;    /* Round quotes & commas */
          square-punctuation: 7;         /* Square punctuation */
          square-quotes: 8;              /* Square quotes */
          circled-characters: 5;         /* Circled characters */
          squared-characters: 6;         /* Squared characters */
      }
  }