@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jersey+20&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap");
@import url("https://use.typekit.net/ony6yef.css");

.rewind {
  --heading-font: "Rubik", Helvetica, Arial, sans-serif;
  --regular-font: "Open Sans", Helvetica, Arial, sans-serif;
  --jersey-heading: "Jersey 20", Helvetica, Arial, sans-serif;
  --pixel-text: "receipt-narrow", sans-serif;
  h1,
  h2,
  h3,
  h4,
  h5 {
    font-family: var(--jersey-heading);
    -webkit-font-smoothing: antialiased;
  }

  p,
  span,
  table,
  td,
  tr {
    font-family: var(--pixel-text);
    -webkit-font-smoothing: antialiased;
  }
}

h2.rewind-report-title {
  text-transform: uppercase;
}
