content: update style

Set the default font to monospaces, add background to headers, and change
the header prefix to use section sign [1].

[1] https://en.wikipedia.org/wiki/Section_sign

1 files changed, 9 insertions, 4 deletions

diff --git a/_content/index.css b/_content/index.css
index 687bfc5..afcf9d4 100644
--- a/_content/index.css
+++ b/_content/index.css
@@ -1,6 +1,6 @@
 body {
   color: black;
-  font-family: sans-serif;
+  font-family: monospace, sans-serif;
   line-height: 1.25em;
   margin: 0 auto;
   width: 800px;
@@ -36,19 +36,24 @@ h4 {
 }
 
 h3::before {
-  content: "> ";
+  content: "§ ";
 }
 
 h4::before {
-  content: ">> ";
+  content: "§§ ";
+}
+
+h5::before {
+  content: "§§§ ";
 }
 
 h2,
 h3,
 h4,
 h5 {
+  background-color: lightblue;
   border-bottom: 1px solid grey;
-  padding: 2px;
+  padding: 6px;
   color: black;
 }