/* News (pages/news/index.md, css: news): the newest post first, each with
   its title and date on one line, its words, and a picture with a caption. */

main > h1 {
  display: block;
  margin: 20px 20%;
  padding: 5px;
  border-bottom: 1px solid #000;
  font-family: var(--font-heading);
  font-size: 2em;
  text-align: center;
}

.post {
  margin: 20px 20%;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
}

.post h3,
.post h3 + p {
  display: inline-block;
  margin: 0 10px 1em 0;
}

.post h3 {
  font-size: 18px;
}

.post time {
  color: grey;
}

.post > p {
  margin-bottom: 25px;
}

.post figure {
  max-width: 70%;
  margin: auto;
}

.post figure img {
  display: block;
  max-width: 100%;
  margin: auto;
}

.post figcaption {
  margin-top: 10px;
  font-style: italic;
  text-align: center;
}

@media (max-width: 56rem) {
  main > h1,
  .post {
    margin: 20px;
  }
}