clean up css and spacing

css/default.scss

@@ -2,9 +2,9 @@
 
 $themes: (
   "light": (
-    "background": #F3F8F1,
-    "primary": #D7263D,
-    "secondary": #984EA3,
+    "background": #F2F2EA,
+    "primary": #7B2D26,
+    "secondary": #5A211C,
     "text": black,
     "filter": invert(0)
   ),
@@ -105,10 +105,10 @@ article .header {
     padding: 0 5%;
   }
   header {
-    margin: 4.2rem 0;
+    margin: 2rem 0;
   }
   nav {
-    margin: 0 auto 3rem;
+    margin: 0 auto 1.5rem;
     text-align: center;
   }
   footer {
@@ -116,7 +116,7 @@ article .header {
   }
   .logo {
     text-align: center;
-    margin: 1rem auto 3rem;
+    margin: 1rem auto 1.5rem;
   }
   .logo a {
     font-size: 2.4rem;
@@ -134,10 +134,10 @@ article .header {
     padding: 0 5%;
   }
   header {
-    margin: 4.2rem 0;
+    margin: 2rem 0;
   }
   nav {
-    margin: 0 auto 3rem;
+    margin: 0 auto 1.5rem;
     text-align: center;
   }
   footer {
@@ -163,8 +163,8 @@ article .header {
     padding: 0;
   }
   header {
-    margin: 0 0 3rem;
-    padding: 1.2rem 0;
+    margin: 0 0 1.5rem;
+    padding: 0.8rem 0;
   }
   nav {
     margin: 0;
@@ -187,6 +187,14 @@ article .header {
   }
 }
 
+@media (min-width: 1280px) {
+  body {
+    width: 50%;
+    margin: 0 auto;
+    padding: 0;
+  }
+}
+
 /* Next & previous buttons */
 .prev, .next {
   cursor: pointer;
@@ -253,11 +261,22 @@ img {
     color: grey;
 }
 
-
+p {
+  margin-top: 0px;
+  margin-bottom: 0.8rem;
+}
 p > code {
   padding: .1rem .3rem .2rem;
 }
 
+ul, ol {
+  margin-top: 0.4rem;
+  margin-bottom: 0.4rem;
+}
+li {
+  margin-bottom: 0.2rem;
+}
+
 pre {
   background-color: #212121;
   word-wrap: break-word;