@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,400&display=swap");

html,
body {
  background: #f3eee4;
  color: #1c1914;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.preview {
  max-width: 42rem;
  margin: 0 auto;
  padding: 2rem 1.5rem 4rem;
}

.preview .kicker {
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #3f5344;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.preview h1 {
  font-family: Fraunces, Georgia, serif;
  font-size: 2.4rem;
  line-height: 1.15;
  margin: 0.75rem 0 0;
}

.preview .dek {
  font-family: Fraunces, Georgia, serif;
  font-size: 1.15rem;
  line-height: 1.5;
  color: #6b6458;
  margin: 1rem 0 0;
}

.preview img {
  width: 100%;
  border-radius: 8px;
  margin: 1.75rem 0;
}

.preview .body {
  font-family: Fraunces, Georgia, serif;
  font-size: 1.05rem;
  line-height: 1.7;
  color: #3a342c;
}

.preview .body p {
  margin: 1.1rem 0;
}

.preview .body h2,
.preview .body h3 {
  font-family: Fraunces, Georgia, serif;
}