diff --git a/assets/css/style.css b/assets/css/style.css
index 11fa2c9..2df9cad 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -9,15 +9,21 @@ body {
   padding: 0;
   box-sizing:border-box;
   background-color: #EFEFEF;
-  background-image: url(/img/winter.png);
-  color: #575757;
+  /* background-image: url(/img/winter.png); */
+  background-color: #fafafa;
+  color: #313131;
   text-align: center;
-  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: 'IBM Plex Mono', sans-serif;
+  font-weight: 300;
   line-height: 1.5;
   font-size: 1rem;
   word-wrap: break-word;
 }
 
+a .fa, a .fas, a .fab {
+  color: #5c3c2e;
+}
+
 a:link {
   color: #575757;
 }
@@ -34,8 +40,14 @@ a:active {
   color: #575757;
 }
 
+
+strong {
+  font-weight: 700;
+}
+
 .title {
-  font-family: 'Comfortaa';
+  font-family: 'IBM Plex Mono', monospace;
+  font-weight: 600;
 }
 
 /*
@@ -52,8 +64,8 @@ a:active {
   font-size: 0.9em;
   padding: 0.25rem;
   color: black;
-  background-color: #f2f2f2;
-  border-bottom: 1px solid #979797;
+  background-color: #fafafa;
+  border-bottom: 1px dashed #5c3c2e;;
   padding-left: 3rem;
 }
 
@@ -242,8 +254,9 @@ mark {
 
 .bloglist-date {
   font-size: 1.75rem;
-  font-style: italic; 
-  color: #005c00;
+  font-weight: 600;
+  font-family: monospace;
+  color: #5c3c2e;
 }
 
 .bloglist {
@@ -326,10 +339,17 @@ main .e-content {
   text-align: left;
 }
 
+.e-content a:hover {
+  box-shadow: inset 1000px 0 0 0 #5c3c2e;
+  color: white;
+}
+
 main .e-content h2 {
   padding-bottom: .3em;
   /* font-size: 1.5em; */
   border-bottom: 1px solid #c9c9c9;
+  border-bottom: 1px solid #5c3c2e;;
+  color: #5c3c2e;
 }
 
 /*
@@ -442,4 +462,74 @@ main .e-content .toot-photos img {
 
 .pgpbutton {
   font-size: 1rem;
-}
\ No newline at end of file
+}
+
+/*
+** Fonts
+*/
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/300-italic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/400-italic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/600-italic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/700-italic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/300.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/400.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/600.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/webfonts/ibm-plex-mono/700.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 4e1cc6b..48c0653 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -11,15 +11,15 @@
       <h1 class='title'>
         {{ if $headerLink }}
           <a href="{{ $headerLink }}">
-            {{ $headerTitle }}
+            ~/{{ $headerTitle }}
           </a>
         {{ else }}
-          {{ $headerTitle }}
+          ~/{{ $headerTitle }}
         {{ end }}
       </h1>
     {{ end }}
   {{ else }}
-    <h1 class="title">{{ .Title }}</h1>
+    <h1 class="title">~/{{ .Title }}</h1>
   {{ end }}
 
 
diff --git a/static/webfonts/ibm-plex-mono/300-italic.woff2 b/static/webfonts/ibm-plex-mono/300-italic.woff2
new file mode 100644
index 0000000..b5b1df1
Binary files /dev/null and b/static/webfonts/ibm-plex-mono/300-italic.woff2 differ
diff --git a/static/webfonts/ibm-plex-mono/300.woff2 b/static/webfonts/ibm-plex-mono/300.woff2
new file mode 100644
index 0000000..440d1fd
Binary files /dev/null and b/static/webfonts/ibm-plex-mono/300.woff2 differ
diff --git a/static/webfonts/ibm-plex-mono/400-italic.woff2 b/static/webfonts/ibm-plex-mono/400-italic.woff2
new file mode 100644
index 0000000..93b0e2d
Binary files /dev/null and b/static/webfonts/ibm-plex-mono/400-italic.woff2 differ
diff --git a/static/webfonts/ibm-plex-mono/400.woff2 b/static/webfonts/ibm-plex-mono/400.woff2
new file mode 100644
index 0000000..6553024
Binary files /dev/null and b/static/webfonts/ibm-plex-mono/400.woff2 differ
diff --git a/static/webfonts/ibm-plex-mono/600-italic.woff2 b/static/webfonts/ibm-plex-mono/600-italic.woff2
new file mode 100644
index 0000000..a508b23
Binary files /dev/null and b/static/webfonts/ibm-plex-mono/600-italic.woff2 differ
diff --git a/static/webfonts/ibm-plex-mono/600.woff2 b/static/webfonts/ibm-plex-mono/600.woff2
new file mode 100644
index 0000000..da942a4
Binary files /dev/null and b/static/webfonts/ibm-plex-mono/600.woff2 differ
diff --git a/static/webfonts/ibm-plex-mono/700-italic.woff2 b/static/webfonts/ibm-plex-mono/700-italic.woff2
new file mode 100644
index 0000000..d5b572a
Binary files /dev/null and b/static/webfonts/ibm-plex-mono/700-italic.woff2 differ
diff --git a/static/webfonts/ibm-plex-mono/700.woff2 b/static/webfonts/ibm-plex-mono/700.woff2
new file mode 100644
index 0000000..6144f6f
Binary files /dev/null and b/static/webfonts/ibm-plex-mono/700.woff2 differ