make the header bigger, and align header and content padding better

the new way to do the links without adding links to images is probably
dumb and/or missing some stuff, but it works and does what I want, and I
think I like the old look of the colors better, so time to try it and
see if it sticks still

incorporealcms/static/css/base.css

@@ -34,8 +34,8 @@ a {
 div.header {
     display: flex;
     justify-content: space-between;
-    font-size: 0.75em;
-    padding: 1em 1em;
+    font-size: 0.9em;
+    padding: 1rem 1rem;
 }
 
 div.header a {
@@ -44,7 +44,7 @@ div.header a {
 
 div.content {
     font-size: 11pt;
-    padding: 0 1em;
+    padding: 0 1rem;
     line-height: 1.6em;
 }
 

incorporealcms/static/css/dark.css

@@ -9,15 +9,16 @@ body {
     background: black;
 }
 
-strong {
-    color: #EEE;
-}
-
-a:link, a:visited {
+h1, h2, h3, h4, h5, h6 {
     color: #B31D15;
 }
 
-a:hover, a:active {
+p a, ul a, ol a {
+    color: #DDD;
+    border-bottom: 1px solid #DDD;
+}
+
+p a:hover, ul a:hover, ol a:hover {
     color: #B31D15;
     border-bottom: 1px solid #B31D15;
 }
@@ -30,6 +31,10 @@ div.header a {
     color: #BBB;
 }
 
+div.header a:hover, div.header a:active {
+    border-bottom: 1px solid #BBB;
+}
+
 table, th, td {
     border: 1px solid #333;
 }

incorporealcms/static/css/light.css

@@ -9,17 +9,18 @@ body {
     background: white;
 }
 
-strong {
-    color: #111;
-}
-
-a:link, a:visited {
+h1, h2, h3, h4, h5, h6 {
     color: #811610;
 }
 
-a:hover, a:active {
+p a, ul a, ol a {
+    color: #222;
+    border-bottom: 1px solid #222;
+}
+
+p a:hover, ul a:hover, ol a:hover {
     color: #811610;
-    border-bottom: 1px solid #B31D15;
+    border-bottom: 1px solid #811610;
 }
 
 div.header {
@@ -30,6 +31,10 @@ div.header a {
     color: #444;
 }
 
+div.header a:hover, div.header a:active {
+    border-bottom: 1px solid #444;
+}
+
 table, th, td {
     border: 1px solid #CCC;
 }