@font-face {
  font-family: "Red Hat Display";
  src: url("/Red_Hat_Display/RedHatDisplay-Italic_VariableFont_wght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: italic;
  /* TODO: Investigate whether block or swap results in better lighthouse scores / performance.*/
  font-display: block;
}

@font-face {
  font-family: "Red Hat Display";
  src: url("/assets/Red_Hat_Display/RedHatDisplay-VariableFont_wght-b3dcfe52.ttf") format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Red Hat Text";
  src: url("/assets/Red_Hat_Text/RedHatText-VariableFont_wght-41a5a86c.ttf") format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Red Hat Text";
  src: url("/assets/Red_Hat_Text/RedHatText-Italic-VariableFont_wght-e52590a3.ttf") format("truetype");
  font-weight: 300 900;
  font-style: italic;
  font-display: block;
}