Update CSS to enhance readability

Remove default monospace font since its hard to read and other general
readability updates.

1 files changed, 5 insertions, 4 deletions

diff --git a/www/index.css b/www/index.css
index 0fcc4e5..0fb73e2 100644
--- a/www/index.css
+++ b/www/index.css
@@ -1,4 +1,4 @@
-html,body { margin: 0; font-family: monospace; }
+html,body { margin: 0; font-family: sans-serif; }
 #body { margin: 16px 10%; }
 #body article { border-bottom: 1px solid #060606; }
 #body article:last { border-bottom: none; }
@@ -15,7 +15,7 @@ html,body { margin: 0; font-family: monospace; }
 #header > nav > a:link { color: #81b7ff }
 #header > nav > a:visited { color: #cd78f4; }
 #header > nav > a:focus, #header > nav > a:active, #header > nav > a:hover { color: #6005dd; }
-#header > .title { display: inline-block; font-size: 1.5em; text-decoration: none; }
+#header > .title { display: inline-block; font-family: monospace; font-size: 1.5em; text-decoration: none; }
 #header > a.title:link, 
   #header > a.title:visited, 
   #header > a.title:hover,
@@ -24,12 +24,12 @@ html,body { margin: 0; font-family: monospace; }
   color:inherit; text-decoration: none; 
 }
 #footer {
-  font-size: 0.5em;
+  font-size: 0.75em;
   float:right;
 }
 
 article .footer {
-  font-size: 0.5em;
+  font-size: 0.75em;
   float:right;
 }
 code {
@@ -59,5 +59,6 @@ code.inline {
 #wishlist { margin: 2% }
 #wishlist table thead td { border-bottom: 1px solid #aaa }
 #wishlist table tbody td { border-bottom: 2px dotted #aaa }
+#wishlist ul.compact { columns: 2; }
 
 #tutorial { margin: 2% }