improve styling

_sass/_article.scss

@@ -23,10 +23,16 @@
   text-indent: 0;
 }
 
+.post dl,
+.post ul,
+.post ol {
+  margin: 1.5em;
+}
+
 .post li {
   margin-left: 1.5rem;
   margin-right: 1.5rem;
-} 
+}
 
 .post-content:first-child {
   margin-top: 4em;

_sass/_base.scss

@@ -55,6 +55,10 @@ a {
   color: $text-color;
 }
 
+a:hover {
+  background: $highlight;
+}
+
 a:focus {
   outline: 1px dashed $text-color;
 }
@@ -154,7 +158,7 @@ figcaption {
   transition: all .125s ease-in-out;
   &:hover,
   &:focus {
-    background: darken($brand-color, 2.5%);
+    background: lighten($brand-color, 2.5%);
     border-color: $text-color;
     margin-top: 0;
   }

_sass/_syntax-highlighting.scss

@@ -3,7 +3,7 @@
  */
 
 code.highlighter-rouge {
-  background: #eef;
+  background: $highlight;
   font-family: courier, monospace;
   font-size: .875em;
 }
@@ -19,7 +19,7 @@ code.highlighter-rouge {
   }
 
   .highlighter-rouge & {
-    background: #eef;
+    background: $highlight;
   }
 
   .c     { color: #998; font-style: italic } // Comment

_sass/_variables.scss

@@ -1,4 +1,5 @@
 $brand-color:         #f2e300;
+$highlight:           lighten($brand-color, 35%);
 $text-color:          #0b0404;
 $muted-text-color:    #79785b;
 $font-family:         "EB Garamond", Garamond, "Times New Roman", serif;