General styling updates (better text hierarchy)

1991.css

@@ -95,7 +95,7 @@ section {
 main h1 {
     margin-top: 8%;
     margin-bottom: 0;
-    font-family: "Rubik Mono One";
+    font-family: "Rubik Mono One", sans-serif;
     background: #fff;
     color: #2637dd;
     padding: 0.1em 0.3em;
@@ -106,6 +106,21 @@ main h1 {
 
 h2 {
     margin-top: 5%;
+    position: relative;
+}
+h2::first-letter {
+    color: #2637dd;
+}
+h2:after {
+    content: "";
+    display: block;
+    width: 0.7em;
+    height: 2em;
+    background: #fff;
+    position: absolute;
+    top: 0;
+    left: -0.05em;
+    z-index: -1;
 }
 
 h1, h2, h3, h4, h5 {
@@ -146,6 +161,10 @@ pre {
     overflow: hidden;
     text-align: left;
 }
+p {
+    margin-top: 2em;
+    margin-bottom: 2em;
+}
 
 ::selection {
     background: #fff;

index.html

@@ -52,7 +52,7 @@ include 1991.fs
 \ Start the server on port 8080.
 8080 1991:
 </pre>
-                    <h2>Logging In II: Logging In, Deeper </h2>
+                    <h2>Logging In II: Logging In, Deeper</h2>
                     <h3>Route Wildcards (Fuzzy Routing / URL Mapping)</h3>
                     <p>
                         If you want to specify that some part of a route is a wildcard (accepts any value), then you can wrap some named value in <code>&lt;chevrons&gt;</code>. <strong>1991</strong> will accept any URL that matches your wildcard pattern, setting the internal value of whatever you place between the chevrons to whatever is actually requested.