@font-face {
  font-family: AtkinsonHyperlegibleMono;
  src: url(/assets/fonts/AtkinsonHyperlegibleMono-BoldItalic.woff2);
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: AtkinsonHyperlegibleMono;
  src: url(/assets/fonts/AtkinsonHyperlegibleMono-Bold.woff2);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: AtkinsonHyperlegibleMono;
  src: url(/assets/fonts/AtkinsonHyperlegibleMono-ExtraBoldItalic.woff2);
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: AtkinsonHyperlegibleMono;
  src: url(/assets/fonts/AtkinsonHyperlegibleMono-ExtraBold.woff2);
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: AtkinsonHyperlegibleMono;
  src: url(/assets/fonts/AtkinsonHyperlegibleMono-ExtraLightItalic.woff2);
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: AtkinsonHyperlegibleMono;
  src: url(/assets/fonts/AtkinsonHyperlegibleMono-ExtraLight.woff2);
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: AtkinsonHyperlegibleMono;
  src: url(/assets/fonts/AtkinsonHyperlegibleMono-LightItalic.woff2);
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: AtkinsonHyperlegibleMono;
  src: url(/assets/fonts/AtkinsonHyperlegibleMono-Light.woff2);
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: AtkinsonHyperlegibleMono;
  src: url(/assets/fonts/AtkinsonHyperlegibleMono-MediumItalic.woff2);
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: AtkinsonHyperlegibleMono;
  src: url(/assets/fonts/AtkinsonHyperlegibleMono-Medium.woff2);
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: AtkinsonHyperlegibleMono;
  src: url(/assets/fonts/AtkinsonHyperlegibleMono-RegularItalic.woff2);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: AtkinsonHyperlegibleMono;
  src: url(/assets/fonts/AtkinsonHyperlegibleMono-Regular.woff2);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: AtkinsonHyperlegibleMono;
  src: url(/assets/fonts/AtkinsonHyperlegibleMono-SemiBoldItalic.woff2);
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: AtkinsonHyperlegibleMono;
  src: url(/assets/fonts/AtkinsonHyperlegibleMono-SemiBold.woff2);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: AtkinsonHyperlegibleNext;
  src: url(/assets/fonts/AtkinsonHyperlegibleNext-BoldItalic.woff2);
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: AtkinsonHyperlegibleNext;
  src: url(/assets/fonts/AtkinsonHyperlegibleNext-Bold.woff2);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: AtkinsonHyperlegibleNext;
  src: url(/assets/fonts/AtkinsonHyperlegibleNext-ExtraBoldItalic.woff2);
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: AtkinsonHyperlegibleNext;
  src: url(/assets/fonts/AtkinsonHyperlegibleNext-ExtraBold.woff2);
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: AtkinsonHyperlegibleNext;
  src: url(/assets/fonts/AtkinsonHyperlegibleNext-ExtraLightItalic.woff2);
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: AtkinsonHyperlegibleNext;
  src: url(/assets/fonts/AtkinsonHyperlegibleNext-ExtraLight.woff2);
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: AtkinsonHyperlegibleNext;
  src: url(/assets/fonts/AtkinsonHyperlegibleNext-LightItalic.woff2);
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: AtkinsonHyperlegibleNext;
  src: url(/assets/fonts/AtkinsonHyperlegibleNext-Light.woff2);
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: AtkinsonHyperlegibleNext;
  src: url(/assets/fonts/AtkinsonHyperlegibleNext-MediumItalic.woff2);
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: AtkinsonHyperlegibleNext;
  src: url(/assets/fonts/AtkinsonHyperlegibleNext-Medium.woff2);
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: AtkinsonHyperlegibleNext;
  src: url(/assets/fonts/AtkinsonHyperlegibleNext-RegularItalic.woff2);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: AtkinsonHyperlegibleNext;
  src: url(/assets/fonts/AtkinsonHyperlegibleNext-Regular.woff2);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: AtkinsonHyperlegibleNext;
  src: url(/assets/fonts/AtkinsonHyperlegibleNext-SemiBoldItalic.woff2);
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: AtkinsonHyperlegibleNext;
  src: url(/assets/fonts/AtkinsonHyperlegibleNext-SemiBold.woff2);
  font-weight: 600;
  font-style: normal;
}