style: change sizes to rem

static/style/main.scss

@@ -44,7 +44,7 @@ body {
 main {
   max-width: 45rem;
   margin-inline: auto;
-  padding: 0 8px;
+  padding: 0 .5rem;
   flex: 1 0 auto;
 }
 
@@ -91,7 +91,7 @@ header {
   flex-direction: row-reverse;
   justify-content: space-between;
   background-color: $mantle;
-  padding: 8px;
+  padding: .5rem;
   font-size: larger;
 }
 
@@ -100,8 +100,8 @@ footer {
   justify-content: space-between;
   flex-wrap: wrap;
   background-color: $crust;
-  margin-top: 32px;
-  padding: 16px;
+  margin-top: 2rem;
+  padding: 1rem;
   column-gap: 4ch;
 }
 
@@ -109,7 +109,7 @@ footer {
   font-family: Monocraft, monospace;
   background-color: $mantle;
   border-radius: 2px;
-  padding: 0 4px;
+  padding: 0 .25rem;
   color: $subtext0;
   overflow-wrap: anywhere;
 
@@ -122,11 +122,11 @@ footer {
 .block {
   display: block;
   background-color: $surface0;
-  border-radius: 8px;
-  padding: 8px;
+  border-radius: .5rem;
+  padding: .5rem;
 
   & + & {
-    margin-top: 8px;
+    margin-top: .5rem;
   }
 
   &.red {