Update styles.css

Author: bbauska

css/styles.css

@@ -6,7 +6,7 @@ table {
 th, td {
   padding: 3px;
   text-align: left;
-  border-bottom: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;  /* very light gray */
 }
 
 img.displayed {
@@ -33,7 +33,7 @@ blockquote {
   overflow: hidden;
   padding: 0 0 0 13px;  /* 0 0 0 26px; */
   font-weight: 500;  /* 100 */
-  color: #000000;  /* cc6b39; moderate orange */
+  color: #ffffff;  /* white, was: cc6b39; moderate orange */
   position: relative;
 }
 blockquote:before {
@@ -110,7 +110,7 @@ body {
   font-family: Bahnschrift, Inter, Helvetic, sans-serif;
   font-size: 13px;   /* 1.2rem; */
   background-color: #f5f5f5;  /* very light gray, was #eeeeee */
-  color: #000000;  /* black */
+  color: #ffffff;  /* white */
   text-align: left;
   padding: 10px;
 }
@@ -225,8 +225,8 @@ textarea {
 }
 
 body {
-  background-color: #1d1f20;
-  color: #e5e5e5;
+  background-color: #1d1f20;  /* very dark (mostly black) blue */
+  color: #e5e5e5;  /* very light gray */
   font: 14px/1.25 'Crimson Text', sans-serif;
   margin: 0;
 }
@@ -246,9 +246,9 @@ body {
 
 /*** OPEN BOOK ***/
 .open-book {
-  background: #fff;
+  background: #fff;  /* white */
   box-shadow: rgba(0,0,0,0.5) 0 1em 3em;
-  color: #000;
+  color: #000;  /* black */
   padding: 2em;
 }
 .open-book * {
@@ -356,7 +356,7 @@ body {
   text-decoration: none;
 }
 .open-book sup {
-  color: #cc0000;
+  color: #cc0000;  /* strong red */
   font-family: 'Rock Salt', cursive;
   left: 0;
   margin-top: -1em!important;
@@ -381,13 +381,13 @@ body {
   background: linear-gradient(to bottom, rgba(255,134,9,1) 0%,rgba(255,177,34,0.5) 60%,rgba(255,177,34,1) 100%);
 }
 .open-book hr {
-  background-color: #000;
+  background-color: #000;  /* black */
   border: 0;
   height: 2px;
   margin: 1em 0;
 }
 .open-book dl {
-  border: solid 0 #ccc;
+  border: solid 0 #ccc;  /* light gray */
   border-width: 0.0625em 0;
   break-inside: avoid-column;
   margin: 1em auto;
@@ -401,7 +401,7 @@ body {
     position: relative;
   }
   .open-book:before {
-    background-color: #8B4513;
+    background-color: #8B4513;  /* dark orange [brown tone] */
     border-radius: 0.25em;
     bottom: -1em;
     content: '';
@@ -434,7 +434,7 @@ body {
   .open-book header:after,
   .open-book footer:before,
   .open-book footer:after {
-    background: #fff;
+    background: #fff;  /* white */
     border-radius: 25%;
     content: '';
     height: 2em;