Fix homepage spaces

pages/index.html

@@ -5,7 +5,7 @@
 {% block content %}
   <div class="container">
     <div class="row">
-      <div class="col-md-12 text-center">
+      <div class="col-md-12 home-bio">
         <p>Hi, I'm {{ author }}.</p>
       </div>
     </div>

static/css/app.css

@@ -66,8 +66,6 @@ body {
 }
 .container {
-    margin-top: 20px;
-    margin-bottom: 20px;
     max-width: 800px;
 }
@@ -87,7 +85,6 @@ post > p > img {
     min-height: 100%;
     margin-bottom: -60px;
     padding-bottom: 80px;
-    margin-top: -20px;
 }
@@ -97,6 +94,7 @@ post > p > img {
     border-top: 1px solid #DDD;
     height: 60px;
     text-align: center;
+    padding: 20px 0px;
 }
 a:hover,
@@ -113,10 +111,14 @@ a.text-muted {
 .avatar {
     margin: auto;
     max-width: 180px;
-    margin-bottom: 15px;
     margin-top: 20px;
 }
+.home-bio {
+    text-align: center;
+    margin-top: 10px;
+}
+
 .lead {
     padding-left: 10px;
 }