Complete #52, Optimize CSS, Reduce code duplication, Scrap templates; Massive refactor.

src/partials/_pane_main.scss

@@ -1,16 +1,16 @@
-@use "a_tailer";
-
-.pane_main {
+main.pane {
     grid-area: main;
 
-    margin: var(--spacing-large);
-
-    > .body {
+    > .body,
+    > footer {
         background-color: var(--background-2);
         border-radius: var(--border-radius-leaf);
+    }
+
+    > .body {
         padding: var(--spacing-small);
 
-        > .header {
+        > header {
             text-align: center;
             padding: var(--spacing-small);
             width: max-content;
@@ -35,16 +35,22 @@
 
         > .body {
             text-align: start;
+        }
+    }
 
-            p {
-                color: var(--white-1);
-            }
+    > footer {
+        margin: var(--spacing-large) auto 0;
+        width: min-content;
+
+        font-size: 1.65vh;
+        white-space: nowrap;
+
+        padding: var(--spacing-small);
+
+        text-align: center;
+
+        > p {
+            margin: 0;
         }
     }
 }
-
-@media only screen and (max-width: 500px) {
-    .pane_main {
-        width: 100%;
-    }
-}