Lots of style and formatting and stuff updates

root/styles/main.css

@@ -2,34 +2,36 @@
 
 html,
 body,
-div {
+div,
+h1, h2, h3, h4, h5, h6 {
     margin: 0;
     padding: 0;
 }
 
 body, h1, h2, h3, h4, h5, h6 {
-    margin: 0;
-    padding: 0;
     font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
     background-color: white;
 }
 
 body {
+    /* Flex box: center everything horizontally */
     display: flex;
-    align-items: center;
     justify-content: center;
+    font-size: 12pt;
 }
 
-#masthead {
-}
-
-#masthead h1 {
+h1 {
     font-family: "Love Ya Like A Sister", Georgia, serif;
-    color: #ee2e64;
-    font-size: 60px;
+    font-size: 4.5em;
+    margin-bottom: 0.25em;
 }
 
-#masthead h1 small {
+h1, a:hover {
+    /*color: #ee2e64;*/
+    color: #3486ff;
+}
+
+h1 small {
     font-family: Helvetica, Arial, sans-serif;
 }
 
@@ -41,11 +43,14 @@ h1 a:hover {
     color: inherit;
 }
 
-a {
-    color: #44accf;
+p, li, dt, dd {
+    font-weight: 200;
+    line-height: 1.4em;
 }
 
-a:hover {
-    color: #005580;
+a {
+    color: #44accf;
     text-decoration: none;
+    -webkit-transition: color 100ms;
+    transition: color 100ms;
 }