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

src/partials/_pane_blog.scss

@@ -1,43 +1,14 @@
-@use "a_tailer";
-
-.pane_blog {
-    grid-area: main;
-
+.pane.blog {
     flex: 1;
     flex-direction: column;
 
-    margin: var(--spacing-large);
-
     justify-content: center;
 
     > .body {
-        background-color: var(--background-2);
-        border-radius: var(--border-radius-leaf);
-        padding-top: var(--spacing-small);
-
-        > .header {
-            text-align: center;
-            padding: var(--spacing-small);
-            width: min-content;
+        padding: var(--spacing-small) 0 0;
 
+        > header {
             white-space: nowrap;
-
-            margin: 0 auto;
-
-            .title {
-                background-color: var(--background-1);
-                border-radius: var(--border-radius-leaf);
-                padding: var(--spacing-small);
-            }
-
-            .date {
-                display: block;
-
-                font-size: 0.85rem;
-                font-weight: normal;
-                font-style: italic;
-                font-family: var(--font-family-generic);
-            }
         }
 
         > .body {
@@ -45,10 +16,6 @@
 
             padding: 0 var(--spacing-thicc) var(--spacing-thicc);
 
-            p {
-                color: var(--white-1);
-            }
-
             img {
                 max-width: 100%;
                 max-height: 65vh;
@@ -61,11 +28,7 @@
 }
 
 @media only screen and (max-width: 500px) {
-    .pane_blog {
-        width: 100%;
-
-        .body > .body {
-            padding: var(--spacing-small);
-        }
+    .pane.blog .body > .body {
+        padding: var(--spacing-small);
     }
 }