Switch from em to rem units

static/css/general.css

@@ -12,7 +12,7 @@ html {
 
 header, footer {
     text-align: center;
-    padding: 2em 0;
+    padding: 2rem 0;
 }
 
 .globalnav{
@@ -36,7 +36,7 @@ header, footer {
     flex-grow: 1;
     min-width: fit-content;
     min-height: fit-content;
-    padding: 0.5em 0;
+    padding: 0.5rem 0;
 }
 
 code {
@@ -45,21 +45,21 @@ code {
 }
 
 p {
-    padding: 0.5em;
+    padding: 0.5rem;
 }
 
 article {
-    padding: 0.5em;
+    padding: 0.5rem;
 }
 
 li, ul, ol {
-    margin: 1em;
+    margin: 1rem;
 }
 
 hr {
     border-style: inset;
     border-width: 1px;
-    margin: 0.5em 0;
+    margin: 0.5rem 0;
 }
 
 table {