.post {
  font-size: 135%;
  max-width: 800px;
}
.post article {
  padding: 3rem 0;
}


.post h1 {
  font-size: 350%;
  font-style: italic;
  font-feature-settings: "swsh" 2;
  font-weight: normal;
  padding-top: 1rem;
  line-height: 1.1;
  text-align: right;
}
h2 {
  margin: 2rem 0 1rem;
  font-size: 175%;
  font-weight: normal;
  line-height: 1.25;
  font-style: italic;
}
.post h3 {
  margin: 2rem 0 1rem;
  font-size: 150%;
  font-weight: normal;
  line-height: 1.25;
}

.post article > p:first-of-type::first-line {
  font-style: italic;
  font-feature-settings: "swsh" 2;
}

main article img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 750px) {
  .post {
    font-size: 120%;
  }
}