body {
  margin: 0 auto;
  max-width: 50rem;
  font-family: monospace;
  font-size: 1rem;
  padding: 1rem;
  color: #333;
}

.beaniePic {
  width: 75px;
  border-radius: 50%;
}

header {
  border-bottom: 1px solid #333;
  margin-bottom: 1rem;
}

ul.postList {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.postListDate {
  font-weight: 600;
}
.postListLink {
  text-decoration: none;
  color: inherit;
  font-weight: 600;
}
.postListLink:hover {
  text-decoration: underline;
  color: #000;
}

.back {
  text-decoration: none;
  all: unset;
  color: inherit;
  cursor: pointer;
}
.back:hover {
  text-decoration: underline;
  color: #000;
}

video {
  max-width: 100%;
  height: auto;
}

.postTitle {
  margin-bottom: 1rem;
}
.postDate {
  font-size: 0.9rem;
  color: #666;
  margin-top: 0;
  margin-bottom: 1rem;
}

p{
  line-height: 1.45;
}

@media (min-width: 1024px) {
  .postDate {
    text-align: right;
  }
}