Create center content for about me.

views/main/index.css

@@ -130,6 +130,20 @@ body{
         box-sizing: border-box;
     }
 
+    .aboutCenter{
+        width: 60%;
+        border-right: 1px solid black;
+    }
+
+        .aboutCenter h1{
+            text-align: center;
+        }
+
+        .aboutCenter p{
+            margin: 25px 35px;
+            font-size: 25px;
+        }
+
     #ageDiv > p, #deathDiv > p{
         margin-top: 5px;
     }

views/main/index.html

@@ -106,6 +106,15 @@
                         <p><span class="boldy">Seconds: </span><span id="deathSeconds"></span></p>
                     </div>
                 </div>
+
+                <div class="aboutCenter">
+                    <h1>Who Am I?</h1>
+                    <p>Hey, my name is Lee Morgan. I am primarily a web developer, though I like to dabble in a lot of different things. I mostly do freelance work and work on my own projects whenever life presentst me the opportunity to do so. I also enjoy teaching English as a second language from time to time and a few other things.</p>
+
+                    <p>You can find a lot of content from my hobbies here on my site. Occasionally I like to write about things that I feel strongly about. I also enjoy traveling a bit and doing smartphone photography of different places. My real passion though is programming. That is why I create video lectures to teach people program as well. Check out the menu on the left if you are interested in seeing the results of any of my hobbies.</p>
+
+                    <p>Currently, I am an expat living in Nizhny Novgorod, Russia. I am enjoying traveling around Russia while attempting to learn Russian as well. However, I am originally from Maine, USA and have lived in several different places in the US in my life.</p>
+                </div>
                 <a href="/resume">Resume</a>
             </div>
 
@@ -467,4 +476,4 @@
                 .catch((err)=>{});
         </script>
     </body>
-</html>
+</html>