make footer smaller

index.html

@@ -75,5 +75,4 @@
   <a href=https://mutant.tech>mutant standard</a>
   emoji, which are licensed
   <a href=https://creativecommons.org/licenses/by-nc-sa/4.0/>cc-by-nc-sa 4</a>.
-  (the bg image and favicon are also by dzuk)
 </footer>

style.css

@@ -29,16 +29,18 @@ body {
     -1px -1px 0 black,
     4px 4px 4px hsla(0, 0%, 0%, 70%);
   text-align: center;
-  margin: 2em 1em 3em;
+  margin: 2em 1em 0.5em;
+}
+
+main, footer {
+  background: hsla(0, 0%, 100%, 40%);
+  border-radius: 2em;
+  border: 3px solid hsla(0, 0%, 100%, 30%);
 }
 
 main {
   max-width: 35em;
   padding: 1em;
-
-  background: hsla(0, 0%, 100%, 40%);
-  border-radius: 2em;
-  border: 3px solid hsla(0, 0%, 100%, 30%);
   margin: 0 auto 1em;
 }
 
@@ -158,12 +160,11 @@ section h2::before, section h2::after {
 }
 
 footer {
-  background: hsla(0, 0%, 100%, 70%);
   max-width: 35em;
   margin: 2em auto 0;
-  padding: 0.25em 0.75em;
+  padding: 0.25em 0.5em;
   border-radius: 0.5em;
-  font-size: 85%;
+  font-size: 75%;
 
   color: black;
   text-shadow: none;
@@ -181,6 +182,7 @@ footer .emojo {
 
 footer p, footer div {
   grid-area: t;
+  margin: 0;
 }
 
 footer a {