@media screen and (min-width: 1024px) {
  main {
    min-width: 300px;
    max-width: 1020px;
  }
}

h1 {
  text-align: center;
}

li {
  font-size: 1rem;
}

li ~ li {
  margin-top: 1rem;
}

li > a {
  padding: 0.5rem;
  text-decoration: none;
}

.blog-item {
  opacity: 0;
  transition: opacity 250ms ease-in-out;
}

.blog-item-visible {
  opacity: 1;
  transition-delay: calc(var(--index, 1) * 100ms);
}