some styling

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": false,
+  "trailingComma": "es5",
+  "singleQuote": true
+}

.vercelignore

@@ -0,0 +1,10 @@
+# Node
+/node_modules/
+
+# Sapper
+/src/node_modules/@sapper/
+/__sapper__/
+
+.vercel
+data
+backups

src/components/Nav.svelte

@@ -34,6 +34,8 @@
     list-style: none;
     margin: 0;
     padding: 0;
+    max-height: 100%;
+    overflow: auto;
   }
 
   a {

src/components/PageTitle.svelte

@@ -7,7 +7,7 @@
 
 <style>
   div {
-    margin-top: 8em;
+    margin-top: calc(28vh - 3em);
     margin-bottom: 3em;
   }
 </style>

src/components/PostPreview.svelte

@@ -8,7 +8,7 @@
 <style>
   a {
     display: block;
-    margin-bottom: 8em;
+    margin-bottom: 6em;
   }
   a > :global(img) {
     height: 12em;

src/components/WPAdapter.svelte

@@ -76,6 +76,7 @@
   div :global(code) {
     background: #00000012;
     padding: 0.25em;
+    font-size: 0.8em;
   }
   div :global(pre code) {
     background: initial;

static/global.css

@@ -6,8 +6,8 @@
 }
 
 :root {
-  --ff: 'Jost', Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans,
-    Helvetica Neue, sans-serif;
+  --ff: 'Jost', Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen,
+    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   --ff-alt: 'Playfair Display', serif;
   --clr-light: #ffffff;
   --clr-dark: #010101;
@@ -24,7 +24,7 @@ body {
   background-color: var(--clr-light);
 
   font-family: var(--ff);
-  font-size: 1em;
+  font-size: 16px;
   font-weight: lighter;
   color: var(--clr-dark);
   -webkit-font-smoothing: antialiased;
@@ -33,6 +33,12 @@ body {
   text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
 }
 
+@media (min-width: 30em) {
+  body {
+    font-size: 18px;
+  }
+}
+
 h1,
 h2,
 h3,