Consistent font sizes

index.html

@@ -29,6 +29,25 @@
       margin: 0;
     }
 
+    h1 {
+      font-size: 26px;
+    }
+    h2 {
+      font-size: 24px;
+    }
+    h3 {
+      font-size: 22px;
+    }
+    h4 {
+      font-size: 20px;
+    }
+    h5 {
+      font-size: 18px;
+    }
+    h6 {
+      font-size: 16px;
+    }
+
     nav {
       background-color: #f5f5f5;
       border-right: 1px solid #dddddd;
@@ -68,6 +87,7 @@
     }
 
     footer p {
+      font-size: 13px;
       max-width: 180px;
     }
 
@@ -198,7 +218,7 @@
   <main>
     <div class="overlay">
       <section class="web-environment-integrity-message">
-        <h2>Your browser contains Google DRM</h2>
+        <h1>Your browser contains Google DRM</h1>
         <article>
           <p>
             "Web Environment Integrity" is a Google euphemism for a DRM that is designed to prevent
@@ -216,7 +236,7 @@
         </article>
       </section>
       <section class="main-content">
-        <h2>Bio</h2>
+        <h1>Bio</h1>
         <article>
           <p>
             I'm an internet pinkliom with a fondness for types. Find me at the local coffee shop
@@ -234,7 +254,7 @@
         </article>
       </section>
       <section class="main-content">
-        <h2>Notable Projects</h2>
+        <h1>Notable Projects</h1>
         <article>
           <h3>pict-rs</h3>
           <p>
@@ -381,7 +401,7 @@
   </main>
   <nav>
     <header>
-      <h2>Links</h2>
+      <h1>Links</h1>
       <ul class="main-content">
         <li><a href="https://asonix.dog" target="_blank">Home</a></li>
         <li><a href="https://blog.asonix.dog" target="_blank">Blog</a></li>