diff --git a/src/acknowledgements.html b/src/acknowledgements.html
index b584e55..da8e5f6 100644
--- a/src/acknowledgements.html
+++ b/src/acknowledgements.html
@@ -16,8 +16,8 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div style="flex: 1">
-                <div class="pane_main">
+            <div class="pane_main">
+                <div class="main_body">
                     <p>There are currently no acknowledgements</p>
                     <p>In terms of security, hopefully that means I'm doing a good-ish job.</p>
                     <p>
diff --git a/src/errors/400.html b/src/errors/400.html
index 34deabe..d8d1043 100644
--- a/src/errors/400.html
+++ b/src/errors/400.html
@@ -16,8 +16,8 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div style="flex: 1">
-                <div class="pane_error">
+            <div class="pane_error">
+                <div class="error_body">
                     <h1>400</h1>
                     <h2>Bad Request!</h2>
                     <hr />
diff --git a/src/errors/401.html b/src/errors/401.html
index 1e9ce17..937bbcd 100644
--- a/src/errors/401.html
+++ b/src/errors/401.html
@@ -16,8 +16,8 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div style="flex: 1">
-                <div class="pane_error">
+            <div class="pane_error">
+                <div class="error_body">
                     <h1>401</h1>
                     <h2>Unauthorized!</h2>
                 </div>
diff --git a/src/errors/403.html b/src/errors/403.html
index 797f459..1463ff1 100644
--- a/src/errors/403.html
+++ b/src/errors/403.html
@@ -16,8 +16,8 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div style="flex: 1">
-                <div class="pane_error">
+            <div class="pane_error">
+                <div class="error_body">
                     <h1>403</h1>
                     <h2>Forbidden!</h2>
                     <hr />
diff --git a/src/errors/404.html b/src/errors/404.html
index e81170b..19bc74e 100644
--- a/src/errors/404.html
+++ b/src/errors/404.html
@@ -16,8 +16,8 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div style="flex: 1">
-                <div class="pane_error">
+            <div class="pane_error">
+                <div class="error_body">
                     <h1>404</h1>
                     <h2>Page not found!</h2>
                 </div>
diff --git a/src/errors/500.html b/src/errors/500.html
index 5a92c59..4113935 100644
--- a/src/errors/500.html
+++ b/src/errors/500.html
@@ -16,8 +16,8 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div style="flex: 1">
-                <div class="pane_error">
+            <div class="pane_error">
+                <div class="error_body">
                     <h1>500</h1>
                     <h2>Internal Server Error!</h2>
                     <hr />
diff --git a/src/errors/501.html b/src/errors/501.html
index c1c8b8b..49e9833 100644
--- a/src/errors/501.html
+++ b/src/errors/501.html
@@ -16,8 +16,8 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div style="flex: 1">
-                <div class="pane_error">
+            <div class="pane_error">
+                <div class="error_body">
                     <h1>501</h1>
                     <h2>Not Implemented!</h2>
                     <hr />
diff --git a/src/errors/502.html b/src/errors/502.html
index 773f403..e90be21 100644
--- a/src/errors/502.html
+++ b/src/errors/502.html
@@ -16,8 +16,8 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div style="flex: 1">
-                <div class="pane_error">
+            <div class="pane_error">
+                <div class="error_body">
                     <h1>502</h1>
                     <h2>Bad Gateway!</h2>
                     <hr />
diff --git a/src/errors/503.html b/src/errors/503.html
index e54ffa8..17cf461 100644
--- a/src/errors/503.html
+++ b/src/errors/503.html
@@ -16,8 +16,8 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div style="flex: 1">
-                <div class="pane_error">
+            <div class="pane_error">
+                <div class="error_body">
                     <h1>503</h1>
                     <h2>Service Unavailable!</h2>
                     <hr />
diff --git a/src/errors/504.html b/src/errors/504.html
index 167a98b..4dc0955 100644
--- a/src/errors/504.html
+++ b/src/errors/504.html
@@ -16,8 +16,8 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div style="flex: 1">
-                <div class="pane_error">
+            <div class="pane_error">
+                <div class="error_body">
                     <h1>504</h1>
                     <h2>Gateway Timeout!</h2>
                     <hr />
diff --git a/src/index.html b/src/index.html
index 853c2fd..7f0544a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -16,8 +16,8 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div style="flex: 1">
-                <div class="pane_main">
+            <div class="pane_main">
+                <div class="main_body">
                     <h1>Home</h1>
                     <p>lorem ipsum idk what else there is in this latin phrase</p>
 
diff --git a/src/partials/_a_common.scss b/src/partials/_a_common.scss
index 0da0f38..9f517bc 100644
--- a/src/partials/_a_common.scss
+++ b/src/partials/_a_common.scss
@@ -1,7 +1,9 @@
+@use "a_footer";
+@use "a_quick_links";
+
 @use "pane_main";
 @use "pane_nav";
 @use "pane_spacer";
-@use "a_quick_links";
 
 :root {
     /*
@@ -109,32 +111,3 @@ ion-icon {
     flex-flow: row wrap;
     align-items: flex-start;
 }
-
-.tailer {
-    margin: auto;
-    padding: var(--spacing-horizontal);
-    width: min-content;
-
-    background-color: var(--background-2);
-    border-radius: var(--border-radius-leaf);
-
-    font-size: 1.65vh;
-    white-space: nowrap;
-
-    align-self: center;
-}
-
-.footer {
-    margin: 0;
-    padding: var(--spacing-horizontal);
-    width: min-content;
-
-    background-color: var(--background-2);
-    border-top-right-radius: var(--border-radius-large);
-
-    font-size: 1.65vh;
-    white-space: nowrap;
-
-    position: fixed;
-    bottom: 0;
-}
diff --git a/src/partials/_a_footer.scss b/src/partials/_a_footer.scss
new file mode 100644
index 0000000..30e99e5
--- /dev/null
+++ b/src/partials/_a_footer.scss
@@ -0,0 +1,14 @@
+.footer {
+    margin: 0;
+    padding: var(--spacing-horizontal);
+    width: min-content;
+
+    background-color: var(--background-2);
+    border-top-right-radius: var(--border-radius-large);
+
+    font-size: 1.65vh;
+    white-space: nowrap;
+
+    position: fixed;
+    bottom: 0;
+}
diff --git a/src/partials/_a_tailer.scss b/src/partials/_a_tailer.scss
new file mode 100644
index 0000000..475b3d5
--- /dev/null
+++ b/src/partials/_a_tailer.scss
@@ -0,0 +1,7 @@
+.tailer {
+    margin: var(--margin-pane) auto 0;
+    width: min-content;
+
+    font-size: 1.65vh;
+    white-space: nowrap;
+}
diff --git a/src/partials/_pane_error.scss b/src/partials/_pane_error.scss
index 59b49b2..43f0c64 100644
--- a/src/partials/_pane_error.scss
+++ b/src/partials/_pane_error.scss
@@ -1,10 +1,16 @@
+@use "a_tailer";
+
 .pane_error {
     width: max-content;
 
-    text-align: center;
-    background-color: var(--background-2);
     margin: auto; /* center object */
-    padding: var(--spacing-horizontal);
 
-    border-radius: var(--border-radius-leaf);
+    .error_body,
+    .tailer {
+        background-color: var(--background-2);
+        border-radius: var(--border-radius-leaf);
+        padding: var(--spacing-horizontal);
+
+        text-align: center;
+    }
 }
diff --git a/src/partials/_pane_main.scss b/src/partials/_pane_main.scss
index 9d20032..af527db 100644
--- a/src/partials/_pane_main.scss
+++ b/src/partials/_pane_main.scss
@@ -1,10 +1,19 @@
+@use "a_tailer";
+
 .pane_main {
     flex: 1;
+    flex-direction: column;
 
-    text-align: center;
-    background-color: var(--background-2);
     margin: var(--margin-pane);
-    padding: var(--spacing-horizontal);
 
-    border-radius: var(--border-radius-leaf);
+    justify-content: center;
+
+    .main_body,
+    .tailer {
+        background-color: var(--background-2);
+        border-radius: var(--border-radius-leaf);
+        padding: var(--spacing-horizontal);
+
+        text-align: center;
+    }
 }
diff --git a/src/templates/error.html b/src/templates/error.html
index fedd17c..226248d 100644
--- a/src/templates/error.html
+++ b/src/templates/error.html
@@ -16,8 +16,8 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div style="flex: 1">
-                <div class="pane_error">
+            <div class="pane_error">
+                <div class="error_body">
                     <h1>Error Code</h1>
                     <h2>Error Title</h2>
                     <hr />
diff --git a/src/templates/main.html b/src/templates/main.html
index de0979c..a4c53c1 100644
--- a/src/templates/main.html
+++ b/src/templates/main.html
@@ -16,8 +16,8 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div style="flex: 1">
-                <div class="pane_main"></div>
+            <div class="pane_main">
+                <div class="main_body"></div>
                 <p class="tailer">Copyright (c) 2025 Olivia Brooks</p>
             </div>
             <div class="pane_spacer">