#outerflex {
  display: flex;
  align-items: center;
}
#outerflex > #main {
  display: flex;
  flex-flow: column wrap;
  text-align: left;
}
#outerflex > #main > .post-listing {
  padding-bottom: 1rem;
  border-bottom: 4px var(--mantle) solid;
  margin-bottom: 2rem;
}
#outerflex > #main > .post-listing:first-child {
  margin-top: 5vh;
}
#outerflex > #main > .post-listing > h2 > a {
  color: var(--text-color);
}
#outerflex > #main > .post-listing > .author-published {
  color: var(--subtext0);
}
#outerflex > #main > .post-listing > .description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
#outerflex > #main > .post-listing > .description > a {
  color: var(--text-color);
}

@media (orientation: landscape) {
  #outerflex > #main {
    margin-left: 20%;
    margin-right: 20%;
  }
}
@media (orientation: portrait) {
  #outerflex > #main {
    margin-left: 7.5%;
    margin-right: 7.5%;
  }
}

/*# sourceMappingURL=page_posts.css.map */