blog listing initially working

assets/css/app.scss

@@ -13,6 +13,13 @@
 /* Navbar custom styling */
 @import "nav-bar-help";
 
+
+.font-monospace {
+  font-family: $font-family-monospace;
+  font-weight: 300;
+  font-size: 15px;
+}
+
 /* main */
 html,
 body {
@@ -91,6 +98,9 @@ a {
   padding-top: 2px;
   padding-bottom: 2px;
 }
+.mt--05r {
+  margin-top: -0.5rem;
+}
 
 /* social icons */
 #social-icons .link-light {
@@ -101,3 +111,64 @@ a {
   }
 }
 
+blockquote {
+  p {
+    margin-bottom: 0 !important;
+  }
+  &.wp-block-quote {
+    @extend .blockquote;
+    cite {
+      @extend .blockquote-footer;
+      @extend .text-gray-300;
+      font-size: 0.75em;
+      margin-top: -1rem;
+      margin-bottom: 0 !important;
+      font-style: normal;
+    }
+  }
+}
+
+/* resume separators */
+.separator {
+  display: flex;
+  align-items: center;
+  text-align: center;
+  color: $gray-400;
+  font-family: $font-family-monospace;
+  font-size: smaller;
+  text-transform: uppercase;
+  font-weight: 700;
+  &::before,
+  &::after {
+    content: "";
+    flex: 1;
+    border-bottom: 1px solid $secondary;
+  }
+  &:not(:empty)::before {
+    margin-right: 0.5em;
+  }
+  &:not(:empty)::after {
+    margin-left: 0.33em;
+  }
+}
+
+/* blog */
+.post-title a {
+  color: $gray-100;
+  text-decoration: none;
+  border-bottom: none;
+  &:hover {
+    color: $primary;
+    border-bottom: $secondary 3px solid;
+  }
+}
+.post-lede,
+.post-body {
+  h2, h3, h4, h5, h6 {
+    color: $gray-200;
+    margin-top: 2rem;
+  }
+}
+.post li {
+  line-height: 1.75rem;
+}