From a74076df11bcfb8d811311457d7d2f9c62b13c79 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Wed, 3 May 2017 08:07:44 -0700
Subject: [PATCH] Use a flex box!

---
 root/index.html      | 4 ++--
 root/styles/main.css | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)
diff --git a/root/index.html b/root/index.html
index 284f8ef..c6fa816 100644
--- a/root/index.html
+++ b/root/index.html
@@ -6,7 +6,7 @@
   <title>Home &mdash; Eryn Wells</title>
 </head>
 <body>
-<div class="container">
+<main>
   <header id="masthead">
     <h1>Eryn Wells</h1>
 
@@ -23,6 +23,6 @@
     <a href="./key.html">Key</a>
     <a href="./resume.html">Résumé</a>
   </div>
-</div>
+</main>
 </body>
 </html>
diff --git a/root/styles/main.css b/root/styles/main.css
index ed6d07e..4c303f6 100644
--- a/root/styles/main.css
+++ b/root/styles/main.css
@@ -1,4 +1,3 @@
-@import url(./bootstrap/bootstrap.min.css);
 @import url(https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister);
 
 html,
@@ -15,6 +14,12 @@ body, h1, h2, h3, h4, h5, h6 {
     background-color: white;
 }
 
+body {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 #masthead {
 }
 
