Fix body margins

     /* grid-template-columns: 5em 40em 13em; */
     grid-template-columns: 8.333% 66.666% 21.666%;
     grid-template-rows: min-content min-content min-content;
-    margin: 0 auto 2em auto;
+    margin: 0 auto;
     max-width: 60em;
-    padding: 1.5em 0; }
+    padding: 2em 0 0 0; }
 body.widescreen {
     margin: 0 2em;
     max-width: 100%; }

     margin-bottom: 2em; }
 body > aside #mediasoup-demo-app-container {
     margin-bottom: 1em; }
+body > footer {
+  color: #586e75;
+  font-size: .8em;
+  grid-column-start: 1;
+  grid-column-end: 4;
+  grid-row: 3;
+  padding: 1.25em 0 2.5em 0;
+  text-align: center; }
 
 a {
   color: #268bd2;

 nav ul {
     list-style: none;
     padding-left: 0; }
-body > footer {
-    grid-column-start: 1;
-    grid-column-end: 4;
-    grid-row: 3;
-    text-align: center; }
+body > footer img.cc {
+  height: 1.25em !important;
+  margin: 0 .1em;
+  vertical-align: text-bottom; }
+
 
 pre {
     overflow-x: auto;

 .admin {
   font-size: .75em; }
 
-body > footer {
-  color: #586e75;
-  font-size: .8em; }
-body > footer img.cc {
-  height: 1.25em !important;
-  margin: 0 .1em;
-  vertical-align: text-bottom; }
-
 .system {
   font-family: fleurondingbats;
   font-size: 4em;