fix styling

src/scripts/about.tag

@@ -1,7 +1,20 @@
 <about>
-  <div class="post centered animated fadeIn">
+  <div class="centered content-box animated fadeIn">
+    <h4 style={headerStyle}>
+      My Background
+    </h4>
     <p class="post-content">
       I'm a software developer who builds web and mobile apps. I enjoy functional programming, compilers, machine learning, and building apps that allow for more decentralized communication. This blog covers my thoughts on everything from computer science, psychology, philosophy, economics, and linguistics.
     </p>
   </div>
+<script>
+var self = this;
+
+self.headerStyle = {
+  "margin" : "auto",
+  "margin-top" : "10px",
+  "margin-bottom" : "5px"
+};
+
+</script>
 </about>

src/styles/riotblog.scss

@@ -275,7 +275,7 @@ p, h6, h5, h4, h3, h2, h1 {
 }
 
 .content-box {
-  margin-top: 10px;
+  margin-top: 5px;
   display: flex !important;                   /* defines flexbox */
   flex-direction: column !important;          /* top to bottom */
   justify-content: space-between !important;  /* first item at start, last at end */