Add resume.

src/partials/_a_common.scss

@@ -60,6 +60,7 @@
 
     --spacing-horizontal: 0.75rem;
     --spacing-menu-gap: 1rem;
+    --spacing-thicc: calc(var(--margin-pane) * 4);
 
     --transition-fade: 0.4s ease-out;
     --transition-cut: none;
@@ -109,9 +110,37 @@ ion-icon {
     /* Adds a margin otherwise for some reason. */
     margin: inherit;
 
-    display: flex;
-    flex-flow: row wrap;
-    align-items: flex-start;
+    display: grid;
+    grid-auto-flow: column dense;
+    grid-template-columns: min-content 1fr min-content;
+}
+
+@media only screen and (max-width: 500px) {
+    .viewport {
+        grid-auto-flow: row;
+        grid-template-columns: none;
+
+        /* Compress spacings to maximize useable area. */
+        padding: var(--spacing-horizontal);
+        justify-items: center;
+    }
+
+    .pane_nav,
+    .pane_spacer,
+    .footer {
+        position: static;
+        top: auto;
+        left: auto;
+        right: auto;
+    }
+
+    .pane_nav,
+    .pane_main,
+    .pane_blog,
+    .pane_error,
+    .pane_spacer {
+        margin: 0;
+    }
 }
 
 .italic {