:root {
  --plain: 300 1rem/1.454 var(--base-font, sans-serif);
  --fancy: 700 4.1rem/1.33333333 var(--fancy-font, serif);

  --enormous: 400 2.666rem/1.2 var(--fancy-font, serif);
  --giant: 400 2rem/1.2 var(--fancy-font, serif);
  --huge: 400 1.6rem/1.2 var(--fancy-font, serif);
  --big: 400 1.222rem/1.2 var(--fancy-font, serif);
  --tiny: 300 0.777rem/1.2 var(--base-font, sans-serif);

  font-size: 18px;
  font: var(--plain);
  text-underline-offset: 0.2em;

  @media (max-width: 600px) {
    font-size: 16px;
    --enormous: 400 2.1875rem/1.143 var(--fancy-font, serif);
    --giant: 400 1.875rem/1.13333333 var(--fancy-font, serif);
  }

  @media (max-width: 374px) {
    font-size: 4.2666vw;
  }
}