styling and a draft

css/looks.css

@@ -1,13 +1,21 @@
-code:not(pre code) {
-  font-weight: bold;
-}
-
 :root {
   --darkest-color: rgb(10, 5, 0);
   --middle-color: rgb(60, 55, 50);
   --lighter-color: rgb(95, 85, 80);
   --ui-spacing: 1.25;
   --read-spacing: 1.5;
+  --wide-gray: rgb(245, 240, 240);
+  --narrow-gray: rgb(225, 220, 220);
+}
+
+code:not(pre code) {
+  background-color: var(--wide-gray);
+  padding-left: 3px;
+  padding-right: 3px;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  color: black;
+  border-radius: 5px;
 }
 
 pre {
@@ -16,10 +24,11 @@ pre {
   border-style: solid;
   border-radius: 3px;
   border-width: 2px;
-  border-color: gainsboro;
+  border-color: var(--narrow-gray);
   padding-left: 0.35em;
   padding-top: 0.1em;
   padding-bottom: 0.2em;
+  line-height: normal;
 }
 
 body {
@@ -48,7 +57,7 @@ blockquote {
   margin: 0;
 }
 
-a:link {
+a:link, a:visited {
   color: var(--darkest-color)
 }