Some style improvements

Author: sblask

_sass/_classes.scss

@@ -55,6 +55,7 @@
     }
 
     ul {
+        list-style: none;
         padding: 0 60px;
 
         li {
@@ -89,7 +90,7 @@
 }
 
 @media (min-width: 600px) {
-    .content p {
+    .content p, .content ul {
         text-align: justify;
     }
 }

_sass/_elements.scss

@@ -1,7 +1,6 @@
 * {
     box-sizing: border-box;
     color: $text-color;
-    font-family: sans-serif;
 }
 
 a {
@@ -42,27 +41,31 @@ h2 {
     padding: 10px;
 }
 
+h3 {
+    font-family: serif;
+}
 i.fa {
     position: relative;
     top: -1px;
 }
 
-ul {
-    list-style: none;
-    padding: 0;
-}
-
 pre,
 code {
     background-color: #F2F2F2;
     border-radius: 3px;
     border: 1px solid #E2E2E2;
+    font-family: monospace;
     font-size: 15px;
 }
 
-p > code {
-    padding: 1px 5px;
-    white-space: nowrap;
+p {
+    font-family: sans-serif;
+    overflow: hidden;
+
+    > code {
+        padding: 1px 5px;
+        white-space: nowrap;
+    }
 }
 
 pre {

_sass/_syntax-highlighting.scss

@@ -5,7 +5,7 @@
     background: #fff;
 
     .highlighter-rouge & {
-      background: #eef;
+      background: #eee;
     }
 
     .c     { color: #998; font-style: italic } // Comment