more style and style sample page wip

css/looks.css

@@ -5,7 +5,11 @@
   --ui-spacing: 1.25;
   --read-spacing: 1.5;
   --wide-gray: rgb(245, 240, 240);
-  --narrow-gray: rgb(225, 220, 220);
+  --narrow-gray: rgb(228, 220, 220);
+}
+
+code {
+  font-variant-ligatures: no-contextual;
 }
 
 code:not(pre code) {
@@ -16,6 +20,7 @@ code:not(pre code) {
   padding-bottom: 1px;
   color: black;
   border-radius: 5px;
+  line-height: var(--ui-spacing);
 }
 
 pre {
@@ -36,7 +41,14 @@ body {
   color: var(--middle-color);
 }
 
-h2,
+section p:first-of-type {
+  text-indent: 0;
+}
+
+p + p {
+  text-indent: 1em;
+}
+
 h3,
 h4,
 h5,
@@ -49,9 +61,9 @@ h1 {
 }
 
 blockquote {
-  font-family: "Quote";
-  font-size: 1.18em;
-  line-height: normal;
+  font-family: "BodySans";
+  font-size: 1em;
+  line-height: var(--ui-spacing);
   border-left: 4px solid var(--darkest-color);
   padding-left: 0.45em;
   margin: 0;
@@ -76,4 +88,12 @@ table, th, td {
 img {
   width: 100%;
   height: auto;
-}
+}
+
+hr {
+  border: none;
+  border-width: 2px;
+  border-radius: 3px;
+  height: 2px;
+  background-color: var(--narrow-gray);
+}