h1, h2, h3 {
  text-align: center;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p {
  margin: 0;
  padding: 0;
  text-indent: 1em;
}

div.nav {
  width: 100%;
}

nav {
  text-align: left;
  width: 100%;
}

ol {
  counter-reset: toc-counter;
  list-style: none;
}

ol li {
  counter-increment: toc-counter;
}

ol li::before {
  content: counter(toc-counter) ". ";
}

ol li.toc-heading {
  counter-increment: none;
  font-size: 1.3em;
  font-weight: bold;
  list-style: none;
  margin-bottom: 0.5em;
  margin-top: 1em;
}

ol li.toc-heading::before {
  content: "";
}

ol li.reset-counter {
  counter-reset: toc-counter;
}

.coverpage {
  height: 100%;
  margin-top: 20%;
  text-align: center;
  width: 20vw;
}

.tocimg {
  width: 45%;
}

.cover-image {
  max-height: calc(100vh - calc(2 * var(--header-height)));
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.yearimg {
  max-width: 593px;
  width: 45%;
}

.yeartitle {
  margin-top: 40%;
}

.storytext {
  margin-top: 7%;
}

.storyparagraph {
  margin-bottom: 1em;
}

.raisedcaps {
  font-size: 4em;
  font-weight: bold;
  line-height: 0.4em;
}

.author-note {
  font-style: italic;
}

.backlink {
  margin-top: 0.5em;
}

.letter p, .song p, .article p {
  text-indent: 0;
}

.letter p {
  margin-bottom: 1em;
}

.storyparagraph > p:first-child {
  text-indent: 0;
}

.article p.title {
  font-weight: bold;
}

.article p.byline {
  font-size: smaller;
  margin-bottom: 0.5em;
}

.nightmare, .letter, .song, .article {
  font-style: italic;
  margin-left: 15%;
  margin-right: 15%;
}