:root {
  --font-sans-serif: Instrument, "Times New Roman";
  --header-size: clamp(1rem, 0.917rem + 0.417vw, 1.25rem);
  --header-spacing: calc(-0.01 * var(--header-size));
  --headline-size: clamp(4rem, 20vw, 16rem);
  --headline-spacing: calc(-0.01 * var(--headline-size));
  --subheadline-size: clamp(2rem, 1.333rem + 3.333vw, 4rem);
  --subheadline-spacing: calc(-0.01 * var(--subheadline-size));
  --body-size: clamp(1.5rem, 1.333rem + 0.833vw, 2rem);
  --body-spacing: calc(-0.01 * var(--body-size));
  --footer-size: clamp(1.25rem, 1.167rem + 0.417vw, 1.5rem);
  --footer-spacing: calc(-0.01 * var(--header-size));
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-sans-serif);
}

p,
a,
span {
  font-family: var(--font-sans-serif);
  letter-spacing: var(--body-spacing);
}

i,
b,
em {
  font-family: inherit;
  letter-spacing: inherit;
}

a:hover {
  font-style: italic;
}

@font-face {
  font-family: Instrument;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Serif-Regular.ttf") format("truetype");
}

@font-face {
  font-family: Instrument;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Serif-Italic.ttf") format("truetype");
}