Tweak some visuals.

resume.html

@@ -91,7 +91,7 @@
                 </div>
             </section>
             <section>
-                <h1>Professional Experience</h1>
+                <h1>Work Experience</h1>
 
                 <div class="section-content">
                     <div class="position">

scss/style.scss

@@ -17,12 +17,15 @@ svg {
     height: 1.2em;
 }
 
+html {
+    font-size: 11.5px;
+}
+
 body {
     margin: 0px;
     padding: 0px;
     font-family: $text-font;
     line-height: 1.3em;
-    font-size: 11.5px;
     font-variant-ligatures: none;
 
     @media not print {
@@ -40,7 +43,7 @@ body {
 header {
     text-align: center;
     margin: auto;
-    margin-top: 25px;
+    margin-top: 20px;
     margin-bottom: 10px;
 }
 
@@ -54,31 +57,31 @@ hr {
 }
 
 div.name {
-    font-size: 1.7em;
+    font-size: 1.7rem;
     margin: 15px;
     font-family: $big-font, serif;
 }
 
 h1 {
-    font-size: 1.25em;
+    font-size: 1.25rem;
     font-family: $big-font, serif;
     font-weight: 600;
     margin: 10px;
     margin-bottom: 2.5px;
     display: inline-block;
-    padding-bottom: 0.2em;
 }
 
 h2 {
-    font-size: 1.2em;
+    font-size: 1.2rem;
     font-weight: 400;
     margin-bottom: 0px;
-    margin-top: 0px;
+    margin-top: 0.2rem;
 }
 
 ul {
     margin-top: 5px;
     margin-bottom: 5px;
+    padding-left: 25px;
 }
 
 div.contact {
@@ -124,12 +127,16 @@ a.project-link {
     font-weight: bold;
     display: inline-flex;
     align-items: center;
+
+    h2 {
+        font-size: 1rem;
+    }
 }
 
 svg.project-link-icon {
-    height: 0.9em;
-    width: 0.9em;
-    margin-left: 0.25em;
+    height: 0.9rem;
+    width: 0.9rem;
+    margin-left: 0.25rem;
 }
 
 main {