diff --git a/css/theme.css b/css/theme.css
index a32293c..0c84cbd 100644
--- a/css/theme.css
+++ b/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 {
diff --git a/index.html b/index.html
index 837c90b..18bff3e 100644
--- a/index.html
+++ b/index.html
@@ -3,9 +3,9 @@ title: Home
 ---
 
 <article>
-    <h3>Recent Posts</h3>
-
-    $partial("templates/post-list.html")$
-
-    <p>…or you can find more in the <a href="/archive.html">archives</a>.</p>
+  <h1>Recent Posts</h1>
+  
+  $partial("templates/post-list.html")$
+  
+  <p>…or you can find more in the <a href="/archive.html">archive</a>.</p>
 </article>
diff --git a/templates/archive.html b/templates/archive.html
index 332dc9a..1e41cdb 100644
--- a/templates/archive.html
+++ b/templates/archive.html
@@ -1,5 +1,5 @@
 <article>
-<h1>Archives</h1>
+<h1>Archive</h1>
 
 $partial("templates/post-list.html")$
 </article>
diff --git a/templates/default.html b/templates/default.html
index 292876a..9d50ac6 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -11,9 +11,8 @@
     <body>
       <header>
         <div class="header">
-          <a id="title" href="/">BINARY STROLLS</a>
-          <a id="archive" href="/archive.html">Archive</a>
-          <a id="abount" href="https://dbalan.in">About</a>
+          <div id="title"><a href="/">BINARY STROLLS</a></div>
+          <div id="nav"><a href="/archive.html">Archive</a> <a href="https://dbalan.in">About</a></div>
         </div>
       </header>
         <section>
diff --git a/templates/post-list.html b/templates/post-list.html
index 71cf1b9..339f884 100644
--- a/templates/post-list.html
+++ b/templates/post-list.html
@@ -1,7 +1,7 @@
 <ul>
     $for(posts)$
-        <li>
-            <a href="$url$">$title$</a> - $date$
-        </li>
+    <li>
+      <a href="$url$">$title$</a> - $date$
+    </li>
     $endfor$
 </ul>
