/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
/* I hate how "Google" is the default term for searching something. You're promoting a company for free. I'll never download Google on a comuter ever again, and I hate that I used to default to doing so. I wonder how I can convince folks to default to something like LibreWolf.*/

body {
  background-color: black;
  color: white;
  font-family: Atkinson Hyperlegible Next;
}


  @font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("/extras/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-ExtraLight.otf") format("opentype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("/extras/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-ExtraLightItalic.otf")
      format("opentype");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("/extras/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("/extras/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-LightItalic.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("/extras/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("/extras/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-RegularItalic.otf")
      format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("/extras/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("/extras/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-MediumItalic.otf") format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("/extras/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-SemiBold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("/extras/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-SemiBoldItalic.otf")
      format("opentype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("/extras/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("/extras/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-BoldItalic.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("/extras/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-ExtraBold.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("/extras/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-ExtraBoldItalic.otf")
      format("opentype");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
  }

  em {
    font-style: italic;
    font-weight: 500;
  }