:root {
  --sans-font: Arial, sans-serif;
  --serif-font: 'Times New Roman', serif;
  --monospace-font: 'Courier New', monospace;
  --font-size: 16px;
}

h1 {
  font-family: var(--serif-font);
  font-size: calc(2*var(--font-size));
  font-weight: 700;
}

h2 {
  font-family: var(--serif-font);
  font-size: calc(1.5*var(--font-size));
  font-weight: 500;
}

h3 {
  font-family: var(--serif-font);
  font-size: calc(1.25*var(--font-size));
  font-weight: 500;
}

p {
  font-family: var(--sans-font);
  font-size: var(--font-size);
  font-weight: 400;
}

code {
  font-family: var(--monospace-font);
  font-size: var(--font-size);
  font-weight: 400;
}

small {
  font-family: var(--sans-font);
  font-size: calc(0.8*var(--font-size));
  font-weight: 300;
}