Resolve #38; Fix styling of error pages.

src/errors/400.html

@@ -16,7 +16,7 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div class="error_pane">
+            <div class="pane_error">
                 <h1>400</h1>
                 <h2>Bad Request!</h2>
                 <hr />

src/includes/meta.html

@@ -1,11 +1,9 @@
 <meta charset="utf-8" />
 
 <meta name="description" content="Cutieguwu's Official website" />
-<meta
-    name="viewport"
-    content="width=device-width, height=device-height, initial-scale=1.0"
-/>
+<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0" />
 <meta name="keywords" content="cutieguwu" />
 
 <link rel="icon" type="image/x-icon" href="img/test-favicon.jpg" />
+
 <link rel="stylesheet" type="text/css" href="style.css" />

src/partials/_pane_error.scss

@@ -1,6 +1,10 @@
 .pane_error {
     width: max-content;
-    margin: auto; /* center object */
+
     text-align: center;
     background-color: var(--background-2);
+    margin: auto; /* center object */
+    padding: var(--spacing-horizontal);
+
+    border-radius: var(--border-radius-leaf);
 }

src/partials/_pane_main.scss

@@ -1,9 +1,10 @@
 .pane_main {
     flex: 1;
+
     text-align: center;
     background-color: var(--background-2);
     margin: var(--margin-pane);
-    padding: 0;
+    padding: var(--spacing-horizontal);
 
     border-radius: var(--border-radius-leaf);
 }

src/partials/_pane_spacer.scss

@@ -8,11 +8,12 @@
 
     .spacer_container {
         margin: 0;
+        padding: var(--spacing-horizontal);
         background-color: var(--background-2);
         height: calc(
             50vh - var(--margin-pane) - calc(
                     var(--spacing-menu-gap) / 2
-                )
+                ) - calc(var(--spacing-horizontal) * 2)
         );
         flex: 1;
         border-radius: var(--border-radius-leaf);