Bit more prodding

css/theme.css

@@ -1,23 +1,35 @@
+@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono|IBM+Plex+Sans:400,500,500i,600,600i,700|IBM+Plex+Serif:400,400i,500,600,700&display=swap&subset=latin-ext');
+
 html {
     background-color:#fefefe
 }
 
 .header {
     display: grid;
-    grid-template-columns: 80% auto auto;
+    grid-template-columns: 70% 30%;
     grid-template-rows: auto;
+    font-family: 'IBM Plex Sans', sans-serif;
+    font-weight: 500;
+    font-size: 10pt;
 }
 
 #title {
     grid-column-start: 1;
+    font-size: 12pt;
+    text-align: left;
 }
 
-#archive {
+#nav {
     grid-column-start: 2;
+    text-align: right;
+    font-variant: small-caps;
+    word-spacing: 110%;
 }
 
+
 body {
-    font-family: sans-serif;
+    font-family: 'IBM Plex Serif', serif;
+    font-weight: 400;
     color: #454545;
     font-size: 12pt;
     margin: 2em auto;
@@ -28,7 +40,9 @@ body {
 }
 
 video, code {
+    font-weight: 500;
     max-width: 100%;
+    font-family: 'IBM Plex Mono', monospace;
 }
 
 img {