Fix some Readability issues

Fixes karlgroves#27 Signed-off-by: Eric Eggert <[email protected]>
HNguyenLy · Mar 11, 2021 · 2ef7f3d · 2ef7f3d
1 parent 01f0dc3
commit 2ef7f3d
Showing 1 changed file with 35 additions and 6 deletions.
diff --git a/src/index.html b/src/index.html
@@ -28,30 +28,59 @@
             background-color: #f8f9fa;
             font-family: sans-serif;
             font-size: 1rem;
-            line-height: 150%;
+            line-height: 1.5;
+        }
+
+        body > * {
+          margin-left: auto;
+          margin-right: auto;
+          max-width: 60rem;
+        }
+
+        a {
+          color: #369;
         }
 
         h1 {
-            padding: 0;
-            margin: 0 0 2em 0;
+            padding: 3rem 0;
+            margin: 0 0 5rem 0;
             text-align: center;
-            font-size: 1.5em;
+            font-size: 2rem;
             background-color: #369;
-            line-height: 5em;
             color: #eee;
+            max-width: none;
         }
 
         h2 {
-
+          color: #369;
+          margin-top: 3rem;
         }
 
         .summary {
+          font-size: 1.25rem;
+        }
 
+        blockquote {
+          font-style: italic;
+          border-left: 4px solid #369;
+          background-color: #eee;
+          padding: 1rem;
         }
 
         .in-their-words {
             margin-bottom: 1em;
         }
+
+        .in-their-words a {
+          display: block;
+          margin-top: .5rem;
+          font-style: normal;
+          font-weight: bold;
+        }
+
+        .in-their-words a::before {
+          content: '— ';
+        }
     </style>
 </head>