html {
  scroll-behavior: smooth;
}
body {
  background-color: #f6f0e7;
  max-width: 90%;
  margin: auto;
}
img {
  max-width: 100%;
}
h1, h2, h3, h4, p, ol, ul, blockquote, a, figcaption {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  line-height: 1.4em;
}
h1 {
  font-variant: small-caps;
  text-align: center;
  font-weight: 400;
  font-size: 3.6em;
  margin-bottom: 1.4em;
}
h2 {
  font-size: 2.8em;
  font-weight: 300;
  text-align: center;
}
h3 {
  font-style: italic;
  font-weight: 400;
  font-size: 1.8em;
}
h4 {
  font-variant: small-caps;
  text-transform: lowercase;
  font-weight: 600;
  font-size: 1.6em;
  letter-spacing: 0.01em;
  margin-bottom: 0;
}
p, ul {
  font-size: 1.3em;
}
blockquote {
  padding-block: 1.5rem;
  border-block-start: 1px solid #98838e;
  border-block-end: 1px solid #98838e;
  font-size: 1.3em;
}
cite {
  font-variant: small-caps;
  font-style: normal;
  letter-spacing: 0.05em;
  display: block;
}
cite:before {
  content: "—";
}
cite.intext {
  font-size: 1.3em;
}
.cover {
  margin-bottom: 10em;
}
.part {
  margin-top: 4em;
}
.main-toc {
  list-style-type: upper-roman;
  font-size: 1.4em;
}
.circle {
  margin: 10vh auto 4vh auto;
  width: 3em;
  aspect-ratio: 1;
  line-height: 3em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  background: red;
  filter: drop-shadow(2px 2px 1px black);
}
.emphasis {
  text-transform: uppercase;
  font-family: "Fugaz One", sans-serif;
  letter-spacing: normal;
  font-size: 75%;
  transform: rotate(-10deg);
}
.wide-letter-spacing {
  letter-spacing: 0.35em;
}
.drop-cap {
  float: left;
  font-weight: 400;
  font-size: 400%;
  line-height: 90%;
  padding-right: 0.035em;
}
.smaller-text {
  font-weight: 400;
  font-size: 50%;
}
.all-caps {
  text-transform: uppercase;
}
.small-caps {
  font-variant: small-caps;
  font-weight: 500;
  letter-spacing: 0.05em;
}