.post-image {
  padding-bottom: var(--md-padding);
}

.post-image img {
  width: 100%;
  max-width: 800px;
  border-radius: var(--sm-padding);

  user-select: none;
  -webkit-user-select: none;
  user-drag: none;
  -webkit-user-drag: none;
}

.post-body {
  text-align: justify;
  max-width: 90ch;
  font-family: "georgiapro", sans-serif;
  font-weight: 400;
  font-style: normal;

  margin: var(--sm-padding) 0 var(--lg-padding) 0;
}

.post-body p {
  font-size: 0.85rem;
  line-height: 1.3rem;

  margin-bottom: 1ch;
  text-indent: 4ch;
}

.post {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--md-padding);
}

.post-title h3 {
  color: var(--dk-brown);
}

.post-description h4 {
    color: var(--lt-brown);
    font-size: 1.2rem;
  }