h1 + .postLink {
  margin-top: calc(2 * var(--padding));
}

.postLink {
  margin: var(--padding) 0;
  display: grid;
  grid-template-columns: 1fr 90px;
}

.postLink span {
  text-align: right;
  opacity: .6;
}

.postLink h2 {
  margin: 0;
  font-size: 20px;
}

.postLink p {
  opacity: .8;
  margin: 0;
}

.postLink a {
  color: inherit;
}

.yearSeparator {
  position: relative;
  text-align: center;
  opacity: .6;
  margin-top: calc(2 * var(--padding));
}

.yearSeparator:before, .yearSeparator:after {
  position: absolute;
  content: ' ';
  width: calc(50% - 30px);
  height: 1px;
  background-color: var(--foreground);
  top: 50%;
  opacity: .6;
}

.yearSeparator:before {
  left: 0;
}

.yearSeparator:after {
  right: 0;
}