@font-face {
    font-family: "ComputerModern Typewriter";
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    src: url("fonts/computermodern-typewriter/cmunvi.woff2") format("woff2"),
         url("fonts/computermodern-typewriter/cmunvi.woff") format("woff");
}
@font-face {
    font-family: "ComputerModern Typewriter";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("fonts/computermodern-typewriter/cmunvt.woff2") format("woff2"),
         url("fonts/computermodern-typewriter/cmunvt.woff") format("woff");
}
@font-face {
    font-family: "Hubot Sans";
    font-weight: 200 900;
    font-stretch: 75% 125%;
    font-style: normal;
    font-display: swap;
    src: url("fonts/hubotsans.woff2") format(woff2) tech(variations),
         url("hubotsans.woff2") format("woff2-variations");
}
@font-face {
    font-family: "Haskoy";
    font-weight: 100 800;
    font-style: normal;
    font-display: swap;
    src: url("fonts/haskoy-variable.woff2") format(woff2) tech(variations),
         url("haskoy-variable.woff2") format("woff2-variations");
}
@font-face {
    font-family: "Fraunces";
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    src: url("fonts/fraunces/fraunces.woff2") format(woff2) tech(variations),
         url("fraunces.woff2") format("woff2-variations");
}
.fraunces {
    font-variation-settings: "opsz" var(--fraunces-opsz, 9), "wght" var(--fraunces-wght, 900), "SOFT" var(--fraunces-SOFT, 0), "WONK" var(--fraunces-WONK, 1);
}
@font-face {
    font-family: "Fraunces";
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
    src: url("fonts/fraunces/fraunces-italic.woff2") format(woff2) tech(variations),
         url("fraunces-italic.woff2") format("woff2-variations");
}
@font-face{
    font-family: "Avara";
    src: url("fonts/avara/Avara-Bold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face{
    font-family: "Avara";
    src: url("fonts/avara/Avara-BoldItalic.woff2") format("woff2");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
  }
  @font-face{
    font-family: "Avara";
    src: url("fonts/avara/Avara-Black.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }


  @font-face {
    font-family: "Anthony";
    font-weight: 100 800;
    font-style: normal;
    font-display: swap;
    src: url("fonts/antho/Anthony.woff2") format(woff2) tech(variations),
  }
  @font-face {
    font-family: "Anthony";
    font-weight: 100 800;
    font-style: normal;
    font-display: swap;
    src: url("fonts/antho/Anthony.woff") format(woff2) tech(variations),
  }
  @font-face {
    font-family: "Anthony";
    font-weight: 100 800;
    font-style: normal;
    font-display: swap;
    src: url("fonts/antho/Anthony.eot") format(woff2) tech(variations),
  }