Change css style sheets.

_sass/_base.scss

@@ -26,7 +26,7 @@ body {
     line-height: $base-line-height;
     font-weight: 300;
     color: $text-color;
-    background-color: $background-color;
+    background-color: white;
     -webkit-text-size-adjust: 100%;
 }
 
@@ -140,7 +140,8 @@ code {
     font-size: 15px;
     border: 1px solid $grey-color-light;
     border-radius: 3px;
-    background-color: #eef;
+    background-color: #f7f7f7;
+    font-family: Courier;
 }
 
 code {
@@ -149,7 +150,6 @@ code {
 
 pre {
     padding: 8px 12px;
-    overflow-x: scroll;
 
     > code {
         border: 0;

_sass/_layout.scss

@@ -2,38 +2,39 @@
  * Site header
  */
 .site-header {
-    border-top: 5px solid $grey-color-dark;
-    border-bottom: 1px solid $grey-color-light;
-    min-height: 56px;
+    border-bottom: 5px solid #1B73BA;
+    min-height: 64px;
 
     // Positioning context for the mobile navigation icon
     position: relative;
 }
 
 .site-title {
-    font-size: 26px;
-    line-height: 56px;
+    font-size: 36px;
+    line-height: 64px;
     letter-spacing: -1px;
     margin-bottom: 0;
     float: left;
 
     &,
     &:visited {
-        color: $grey-color-dark;
+        color: white;
+        /*font-family: Verdana;*/
     }
 }
 
 .site-nav {
     float: right;
-    line-height: 56px;
+    line-height: 64px;
 
     .menu-icon {
         display: none;
     }
 
     .page-link {
-        color: $text-color;
+        color: white;
         line-height: $base-line-height;
+        font-size: 24px;
 
         // Gaps between nav items, but not on the first one
         &:not(:first-child) {
@@ -76,12 +77,11 @@
 
         &:hover .trigger {
             display: block;
-            padding-bottom: 5px;
         }
 
         .page-link {
-            display: block;
             padding: 5px 10px;
+            vertical-align: middle;
         }
     }
 }
@@ -92,8 +92,8 @@
  * Site footer
  */
 .site-footer {
-    border-top: 1px solid $grey-color-light;
-    padding: $spacing-unit 0;
+    border-top: 5px solid #1B73BA;
+    background-color: #2388DB
 }
 
 .footer-heading {
@@ -104,6 +104,10 @@
 .footer-copy {
     font-size: 14px;
     text-align: center;
+    color: white;
+    a {
+        color: white;
+    }
 }
 
 .contact-list,
@@ -203,23 +207,32 @@
 }
 
 .post-title {
-    font-size: 42px;
+    font-size: 32px;
     letter-spacing: -1px;
     line-height: 1;
+    margin-top: 10px;
+    margin-bottom: 10px;
 
     @include media-query($on-laptop) {
-        font-size: 36px;
+        font-size: 28px;
     }
 }
 
 .post-content {
     margin-bottom: $spacing-unit;
 
+    h1 {
+        color: #2388DB;
+   }
+
     h2 {
-        font-size: 32px;
+        font-size: 30px;
+        color: #2388DB;
+        margin-top: 10px;
+        margin-bottom: 5px;
 
         @include media-query($on-laptop) {
-            font-size: 28px;
+            font-size: 26px;
         }
     }