Use the 'modules' category instead of blog.

assets/scss/style.scss

@@ -17,7 +17,7 @@ body {
 h1, h2, h3, h4, h5, h6 {
   margin-bottom: .1rem;
   margin-top: .5rem;
-  font-family: $font-heading;
+  font-family: $font-body;
   font-weight: normal;
   text-align: center;
 
@@ -30,6 +30,10 @@ h1, h2, h3, h4, h5, h6 {
   }
 }
 
+h1 {
+    font-family: $font-heading;
+}
+
 .container {
   position: relative;
   margin: auto;
@@ -93,6 +97,10 @@ nav {
 .post-subscript {
   color: #8f8f8f;
   text-align: center;
+
+  p {
+    margin: 0;
+  }
 }
 
 .post-content {
@@ -167,6 +175,8 @@ hr.header-divider {
     height: 0.3rem;
     border: none;
     border-radius: 0.15rem;
+    margin-top: 1rem;
+    margin-bottom: 1rem;
 }
 
 hr.footer-divider {
@@ -199,7 +209,7 @@ ul.post-list {
     a.post-title {
         border-bottom: none;
         font-size: 1.4rem;
-        font-family: $font-heading;
+        font-family: $font-body;
         text-align: center;
         display: block;
     }
@@ -208,6 +218,10 @@ ul.post-list {
         text-align: center;
         margin-bottom: 0.6rem;
     }
+
+    p.post-preview {
+        text-align: center;
+    }
 }
 
 .katex-html {
@@ -260,5 +274,5 @@ figure {
   stroke-width: 2;
   stroke-linecap: round;
   stroke-linejoin: round;
-  fill: currentColor;
+  fill: none;
 }

assets/scss/variables.scss

@@ -3,12 +3,12 @@ $container-min-padding: 1rem;
 $container-width-threshold: $container-width + 2 * $container-min-padding;
 $standard-border-width: .075rem;
 
-$primary-color: #36e281;
+$primary-color: #9774e8;
 $border-color: #bfbfbf;
-$code-color: #f0f0f0;
+$code-color: #eee8d5;
 $code-border-color: darken($code-color, 10%);
 
-$font-heading: "Lora", serif;
+$font-heading: "Indie Flower", serif;
 $font-body: "Raleway", serif;
 $font-code: "Inconsolata", monospace;