/* Self-hosted (see index.html's comment on why) — each file below is the
   full variable font except Inter, instanced down to just weight 600
   (the only weight index.html's old Google Fonts URL actually
   requested) for a much smaller file. font-weight given as a range on
   the three still-variable ones lets the browser use any weight in
   between via font-variation-settings/font-weight: 450 etc., exactly
   as the Google Fonts CSS API would have. Fraunces' optical-size axis
   (opsz) needs no separate declaration here — 'opsz' is a registered
   axis browsers drive automatically from the element's font-size.

   Lives in public/ (linked from index.html) rather than inside
   src/index.css on purpose — src/index.css goes through webpack's
   css-loader, which (as of CRA 5 / webpack 5) tries to resolve any
   url() starting with "/" as a local module import relative to src/
   instead of leaving it as a root-relative path to the public folder,
   which is what broke the build. A plain file in public/ is served
   as-is, completely bypassing that resolution step. */
@font-face {
  font-family: 'Outfit';
  src: url('/fonts/Outfit.woff2') format('woff2');
  font-weight: 300 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('/fonts/Fraunces.woff2') format('woff2');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/fonts/JetBrainsMono.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}