css: shrink masthead

Lift more stuff "above the fold".

Author: justinmk

css/main.css

@@ -280,7 +280,7 @@ samp {
 .masthead {
   background-color: var(--accent-bg-color);
   text-align: center;
-  padding: 4vh 1em;
+  padding: 0.25em;
   display: grid;
 }
 
@@ -358,7 +358,8 @@ samp {
   background: linear-gradient(#00b952 0 95%, #378ccc 95% 100%);
   color: white;
   border-radius: 0.3em;
-  padding: 1em 2em;
+  padding: 0.5em 1em;
+  margin: 0 0.25em;
   font-family: var(--sans-serif-fonts);
   font-weight: bold;
   font-size: 1.2em;