html {
  font-size: 100%;
}

@font-face {
  font-family: Atkinson Hyperlegible;
  src: url('/assets/fonts/AtkinsonHyperlegible-Regular.woff2') format('woff2'),
       url('/assets/fonts/AtkinsonHyperlegible-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Atkinson Hyperlegible;
  src: url('/assets/fonts/AtkinsonHyperlegible-Bold.woff2') format('woff2'),
       url('/assets/fonts/AtkinsonHyperlegible-Bold.woff') format('woff');
  font-weight: 700;
  font-style: bold;
  font-display: swap;
}

@font-face {
  font-family: Atkinson Hyperlegible;
  src: url('/assets/fonts/AtkinsonHyperlegible-Italic.woff2') format('woff2'),
       url('/assets/fonts/AtkinsonHyperlegible-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Atkinson Hyperlegible;
  src: url('/assets/fonts/AtkinsonHyperlegible-BoldItalic.woff2') format('woff2'),
       url('/assets/fonts/AtkinsonHyperlegible-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

body {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.w {
  max-width: 42rem;
}

code {
  font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
  font-size: 0.9rem;
}