@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&display=swap');

:root {
  --bg-l: #F3EAD7;
  --bg-d: #1E1812;
  --text-l: #2E2418;
  --text-d: #EADCC0;
  --accent: #BE562D;

  --font-prose: 'IM Fell English', Georgia, serif;
  --font-title: 'IM Fell English', Georgia, serif;
  --font-heading: 'IM Fell English', Georgia, serif;
}

h1 {
  color: var(--text);
  font-size: clamp(1.75rem, 8vw + 1rem, 8rem);
  font-family: var(--font-title);
}

h2 {
  font-size: var(--heading-size);
  font-family: var(--font-heading);
}

h3, h4, h5, h6 {
  font-size: var(--subheading-size);
  font-family: var(--font-heading);
}

.manuscript {
  max-width: 60rem;
  margin-inline: auto;
  padding: var(--space-xl) var(--space-lg);
  text-align: center;
  text-wrap: balance;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.manuscript p:first-of-type {
  font-size: clamp(1.75rem, 6vw + 0.5rem, 4rem);
  line-height: 1.15;
}

.manuscript p {
  font-size: clamp(1rem, 2vw + 0.75rem, 1.75rem);
  line-height: 1.5;
  margin: 0, 0 var(--space-lg);
}

a {
  text-decoration: none;
  color: var(--text);
}