:root {
  --baseFontSize: 100pt;
  --HlFontSize: 100pt;
  --lineH: 1.2;
}

@font-face {
  font-family: "Display Normal";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("FROYYvonList-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Display Zahlen";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("FROYYFFvonList-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Display BigZahlen";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("FROYYBZvonList-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Inter var";
  font-style: "normal";
  font-display: swap;
  font-weight: 100 900;
  src: url("Inter.var.woff2") format("woff2");
}

.copy {
  font-size: var(--baseFontSize);
  line-height: var(--lineH);
}

.prew {
  white-space: pre-wrap;
}

.copy b {
  font-variation-settings: "wght" var(--boldWeight), "slnt" 0;
}

.HL {
  font-family: "Display Normal";
  font-size: var(--HlFontSize);
  text-transform: uppercase;
  line-height: 1.2;
  transform: translateY(-40%);
  color: white;
}

.bold {
  font-variation-settings: "wght" var(--boldWeight), "slnt" 0;
}

.light {
  font-variation-settings: "wght" var(--lightWeight), "slnt" 0;
}