font, refactor file and adjust some more sizes.

pages/helpers/font.css

@@ -13,12 +13,24 @@
 				font-family: system-ui, sans-serif;
 			}
 
-			/* */
+			/* * /
 			h1, h2, h3, h4, h5, h6 {
 				font-family: 'Space Grotesk', Georgia, system-ui, Consolas, sans-serif;
 			}
 			/* */
 
+			code, pre, .mono {
+  				font-family:
+					ui-monospace,
+               SFMono-Regular,
+               Menlo, Monaco,
+               Consolas,
+               "Liberation Mono",
+               "Courier New",
+               monospace
+				;
+			}
+
 			/*** Font Sizes ***/
 
 			html {
@@ -30,46 +42,35 @@
 				text-size-adjust: 100%;
 			}
 
-			body {
-				font-size: 1rem;
-			}
+			code, pre { font-size: 0.8rem; }
 
-			code, pre {
-				font-size: 0.8rem;
+			body     { font-size: 1rem; }
+			p, li, a { font-size: 1rem; }
 
-  				font-family:
-					ui-monospace,
-               SFMono-Regular,
-               Menlo, Monaco,
-               Consolas,
-               "Liberation Mono",
-               "Courier New",
-               monospace
-				;
-			}
+			b          { font-size: 1.05rem; }
+			figcaption { font-size: 1.1rem; }
+			strong     { font-size: 1.2rem; }
+			img        { font-size: 1.25rem; }
 
-			p, li, a {
-				font-size: 1rem;
-			}
+			/* More Subtle */
+			h6 { font-size: 1.3rem; }
+			h5 { font-size: 1.4rem; }
+			h4 { font-size: 1.5rem; }
+			h3 { font-size: 1.6rem; }
+			h2 { font-size: 1.7rem; }
+			h1 { font-size: 1.8rem; }
+			/* */
 
-			b, figcaption {
-				font-size: 1.1rem;
-				font-weight: bold;
-			}
+			/* More Pronounced * /
+			h6 { font-size: 1.30rem; }
+			h5 { font-size: 1.55rem; }
+			h4 { font-size: 1.80rem; }
+			h3 { font-size: 1.95rem; }
+			h2 { font-size: 2.10rem; }
+			h1 { font-size: 2.35rem; }
+			/* */
 
-			strong, img {
-				font-size: 1.2rem;
-				font-weight: bolder;
-			}
+			/*** Font Weights ***/
 
-			h6, h5 {
-				font-size: 1.5rem;
-			}
-
-			h4, h3 {
-				font-size: 1.75rem;
-			}
-
-			h2, h1 {
-				font-size: 2rem;
-			}
+			b, figcaption { font-weight: bold; }
+			strong, img   { font-weight: bolder; }