@font-face {
  /* Arbitrary, but might as well make it match */
  font-family: "Literata";
  /* Must match path to font file */
  src: url("/fonts/literata.woff2") format("woff2");
  /* Must match weights supported by the font */
  font-weight: 200 900;
  /* Declares that this file holds normal, not italic fonts */
  font-style: normal;
  /* Show fallback immediately */
  font-display: swap;
}

:root {
  font-family: "Literata", Georgia, serif;
}

body {
  background-color: antiquewhite;
}

h1 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.01em;
}

h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.6;
  /* letter-spacing: -0.01em; */
}

main {
  padding: 1rem;
  margin-inline: auto;
  margin-top: clamp(1rem, 5dvh, 5rem);
  width: 100%;

  /* This isn't right */
  max-width: 65ch;

  /* 18px — 16 is too small for long text */
  font-size: 1.125rem;
  line-height: 1.6;
}

header {
  margin-bottom: 4rem;
}

.exp {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.exp-title {
  display: flex;
  justify-content: space-between;
}

.exp-section {
  display: flex;
  flex-direction: column;
}

.font-bold {
  font-weight: 600;
}