multiple updates, content moved around, added footer logo, improved menus

assets/style.css

@@ -72,6 +72,10 @@ body {
     font-size: 1em;
 }
 
+.clawd .ui.menu {
+    font-family: var(--textfont);
+}
+
 .clawd p a {
     color: var(--tartorange);
     text-decoration: none;
@@ -166,12 +170,11 @@ h3.ui.horizontal.header.divider {
     font-family: var(--headingfont);
 }
 
-#logo {
-    font-variant: normal;
-    font-family: var(--headingfont);
-    color: var(--logofront);
-    font-size: 7rem;
-    letter-spacing: 0;
+.clawdlogo {
+    font-variant: normal !important;
+    font-family: var(--headingfont) !important;
+    color: var(--logofront) !important;
+    letter-spacing: 0 !important;
     text-shadow:    -1px 1px 0 var(--logoshade),
                     -2px 2px 0 var(--logoshade),
                     -3px 3px 0 var(--logoshade),
@@ -179,7 +182,22 @@ h3.ui.horizontal.header.divider {
                     -5px 5px 0 var(--logoshade);
 }
 
-#logo:hover {
+.masthead.inverted h1.ui.header.clawdlogo {
+    font-size: 7em;
+}
+
+.footer h1.ui.header.clawdlogo {
+    font-size: 5em;
+    margin-bottom: 0;
+}
+
+.footer h3.ui.header {
+    font-size: 4em;
+    color: var(--cultured);
+    margin-top: 0;
+}
+
+.clawdlogo:hover {
 
 }
 
@@ -326,10 +344,10 @@ h3.ui.horizontal.header.divider {
     }
     .masthead h1.ui.header {
         font-size: 2em;
-        margin-top: 1.5em;
+        margin-top: .8em;
     }
     .masthead h2 {
         margin-top: 0.5em;
-        font-size: 1.5em;
+        font-size: 3em;
     }
 }