app/assets/stylesheets/layout.scss

@@ -18,7 +18,6 @@
     }
 
     h1 {
-      font-size: 1.8rem;
       color: #fff;
 
       span.project-name {
@@ -28,8 +27,7 @@
       span.icon {
         svg {
           display: inline-block;
-          height: 1.8rem;
-          margin-top: -0.1rem;
+          height: 1.875rem;
           vertical-align: top;
           width: auto;
         }
@@ -85,18 +83,6 @@ main {
     margin: 3rem auto;
   }
 
-  h2, h3 {
-    margin-bottom: 1.5em;
-  }
-
-  h2 {
-    font-size: 1.5rem;
-  }
-
-  h3 {
-    font-size: 1.25rem;
-  }
-
   p {
     line-height: 1.5rem;
     margin-bottom: 1rem;

app/javascript/stylesheets/base.scss

@@ -8,6 +8,14 @@
   }
 
   h1 {
-    @apply uppercase;
+    @apply text-3xl uppercase;
+  }
+
+  h2 {
+    @apply text-2xl mb-8;
+  }
+
+  h3 {
+    @apply text-xl mb-6;
   }
 }