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,14 +5,16 @@ html
     link(rel='stylesheet', href='/stylesheets/style.css')
     link(rel='shortcut icon', href='/favicon.ico')
   body
-    div.header
-      h1
-        a(href='/')
-          img(src='/images/gostcoin-b.png')
-          span GOSTcoin blockchain explorer
-      div
-        form(action="/search/", method="POST")
-          input(type="text", name="search" placeholder="Search by transaction id, block hash/index or address", size="68")
-          input(type="submit", value=">>")
-    div.content
-      block content
+    div.page-wrapper
+      div.page
+        div.header
+          h1
+            a(href='/')
+              img(src='/images/gostcoin-b.png')
+              span GOSTcoin blockchain explorer
+          div
+            form(action="/search/", method="POST")
+              input(type="text", name="search" placeholder="Search by transaction id, block hash/index or address", size="68")
+              input(type="submit", value=">>")
+        div.content
+          block content