/* ===========================
   Anton
   =========================== */
   @font-face{
    font-family: "Anton";
    src: url("fontpack/Anton-Regular.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
  }
  
  
  /* ===========================
   Epilogue Italic
   =========================== */
   @font-face{
    font-family: "Epilogue Italic";
    src: url("fontpack/Epilogue-Italic-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
  }
  
  /* ===========================
     Epilogue
     =========================== */
  @font-face{
    font-family: "Epilogue";
    src: url("fontpack/Epilogue-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
  }
  
 /* ===========================
   NotoSans Italic
   =========================== */
   @font-face{
    font-family: "NotoSans Italic";
    src: url("fontpack/NotoSans-Italic-VariableFont_wdth\,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
  }


 /* ===========================
   NotoSans
   =========================== */
   @font-face{
    font-family: "NotoSans";
    src: url("fontpack/NotoSans-VariableFont_wdth\,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
  }

    /* ===========================
     Oswald
     =========================== */
  /* Variable */
  @font-face{
    font-family: "Oswald";
    src: url("fontpack/Oswald-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
  }


  /* ===========================
     SpecialElite
     =========================== */
  /* Variable */
  @font-face{
    font-family: "SpecialElite";
    src: url("fontpack/SpecialElite-Regular.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
  }



  /* ===========================
     Yanone Kaffeesatz
     =========================== */
  /* Option A: VARIABLE weight file (if you have it) */
  @font-face{
    font-family: "Yanone Kaffeesatz";
    src: url("fontpack/YanoneKaffeesatz-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900;   /* variable range */
    font-style: normal;
    font-display: swap;
  }

  
  /* ===========================
     StakSansHeadlilne
     =========================== */
  /* Option A: VARIABLE weight file (if you have it) */
  @font-face{
    font-family: "Stack Sans Headline";
    src: url("fontpack/StackSansHeadline-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900;   /* variable range */
    font-style: normal;
    font-display: swap;
  }

    /* ===========================
Archivo Black
     =========================== */
  /* Option A: VARIABLE weight file (if you have it) */
  @font-face{
    font-family: "Archivo Black";
    src: url("fontpack/ArchivoBlack-Regular.ttf") format("truetype");
    font-weight: 400;  
    font-style: normal;
    font-display: swap;
  }