header to match landing page closer

contents/css/main.css

@@ -88,13 +88,18 @@ hr {
   margin: 3em 0 4em;
 }
 
-.header h1 {
-  font-size: 2.6em;
+.header .h1 {
+  font-family: monospace;
+  font-size: 3em;
   text-align: center;
   font-weight: 700;
   margin: 0;
 }
 
+.header {
+  text-align: center;
+}
+
 .header a, .header a:hover {
   text-decoration: none;
   color: #444;
@@ -112,9 +117,13 @@ hr {
 
 .header .description {
   font-size: 1.2em;
-  font-style: italic;
   text-align: center;
-  margin-top: -0.3em;
+  margin-top: -1.4em;
+
+  font-family: monospace;
+  font-weight: bold;
+  color: #AAA;
+  text-transform: uppercase;
 }
 
 .header p.blerb {

templates/layout.jade

@@ -18,7 +18,7 @@ html(lang='en')
       div.content-wrap
         block header
           div.logo
-            h1
+            h1.h1
               a(href=locals.url)= locals.name
             p.description= locals.description
           p.blerb= locals.blerb