@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Special+Elite&display=swap");

body {
  font-family: "Cormorant Garamond", Georgia, serif;
  background-image: radial-gradient(circle, #c9c016 1px, transparent 1px);
  background-size: 12px 12px;
}

.nav-link {
  display: inline-block;
  text-decoration: none;
  transition: transform 140ms ease;
}

.nav-link:hover {
  transform: translateX(4px);
}

/* Homepage collage */
.collage-page img {
  height: auto;
}

.collage-nav {
  font-family: "Special Elite", "Courier New", monospace;
  color: #ef2e17;
  text-decoration: none;
  z-index: 10;
  transition: transform 140ms ease;
}

.collage-nav:hover {
  transform: scale(1.05);
}

/* Content typography */
.content p,
.content ul,
.content ol,
.content h2,
.content h3 {
  margin-top: 0;
  margin-bottom: 0.9em;
}

.content h2,
.content h3 {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}

.content h2 {
  font-size: 1.3em;
  margin-top: 1.4em;
}

.content h3 {
  font-size: 1.1em;
  margin-top: 1.2em;
}

.content a {
  text-decoration: underline;
  text-underline-offset: 0.1em;
}

.content em,
.content strong {
  font-weight: 700;
}

.content ul {
  padding-left: 1.1em;
  list-style: disc;
}

.content li + li {
  margin-top: 0.4em;
}