Flex layouting for page wrapper

public/stylesheets/style.css

@@ -4,8 +4,16 @@
 
 body {
   font: 16px monospace;
-  width: 1024px;
+}
-  margin: 0 auto 1em;
+
+.page-wrapper {
+  display: flex;
+  justify-content: center;
+}
+
+.page.absolute {
+  display: flex;
+  flex-direction: column;
 }
 
 table td {

views/layout.jade

@@ -5,6 +5,8 @@ html
     link(rel='stylesheet', href='/stylesheets/style.css')
     link(rel='shortcut icon', href='/favicon.ico')
   body
+    div.page-wrapper
+      div.page
         div.header
           h1
             a(href='/')