Minor styling adjustments

src/assets/style.scss

@@ -9,6 +9,10 @@ $highlight: #ff005f;
 $highlight-1: #ff005f11;
 $highlight-2: #ff005f22;
 
+$reduced: #888;
+$reduced-1: #88888811;
+$reduced-2: #88888822;
+
 @import 'ibm-plex/css/ibm-plex.scss';
 
 *, *:before, *:after {
@@ -38,13 +42,13 @@ h1, h2, h3, h4, h5, h6 {
 h1 {
   color: #222;
   font-size: 24px;
-  line-height: 24px;
+  line-height: 32px;
   padding: 0 0 32px;
 }
 
 h2 {
   font-size: 20px;
-  line-height: 16px;
+  line-height: 24px;
   padding: 0 0 24px;
 }
 
@@ -173,6 +177,7 @@ footer {
   grid-area: footer;
   padding-top: 48px;
   border-top: 1px dotted #aaa;
+  color: $reduced;
 }
 
 @media screen and (max-width: 768px) {
@@ -228,16 +233,19 @@ footer {
   article { display: none; }
 }
 
-footer,
-.posts aside {
-  color: #888;
-
+footer {
   a {
     color: inherit;
-    border-bottom: 1px dotted #888;
+    border-bottom: 1px dotted currentColor;
 
     &:hover {
-      background: #88888822;
+      background: $reduced-2;
     }
   }
 }
+
+.post-list {
+  time {
+    color: $reduced;
+  }
+}