fix: minor css issues

assets/styles/components/typography.scss

@@ -43,9 +43,8 @@ em {
   }
 
   &::before {
-
     $square-size: 10px;
-    margin: 8px 15px 8px 8px;
+    margin: 14px 15px 8px 8px;
     content: '';
     width: $square-size;
     height: $square-size;

assets/styles/main.scss

@@ -62,6 +62,7 @@ body {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
+  line-height: 1.5em;
 }
 
 .hidden {
@@ -93,6 +94,7 @@ section:last-of-type {
 section h2 {
     margin-top: 0;
     margin-bottom: 0;
+    line-height: 1.5em;
 }
 
 .about-header {
@@ -101,11 +103,15 @@ section h2 {
 
 
 .profile-nav {
+    text-align: center;
    a {
     color: white;
     opacity: 0.8;
     margin-right: .6em;
    } 
+   a:last-of-type {
+    margin-right: 0;
+   }
 }
 
 @media (min-width: $lg-breakpoint) {