diff --git a/_data/nav.yml b/_data/nav.yml
index 506c7e2..91660a7 100644
--- a/_data/nav.yml
+++ b/_data/nav.yml
@@ -1,11 +1,11 @@
-- name: about
+- name: ABOUT
   link: /
-- name: blog
+- name: BLOG
   link: /blog
-- name: til
+- name: TIL
   link: /til
-- name: projects
+- name: PROJECTS
   link: /projects
-- name: photos↗
+- name: PHOTOS↗
   link: http://andrewconlinphotography.co.uk
 
diff --git a/_includes/nav.html b/_includes/nav.html
index bd0b040..4d1e092 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,9 +1,9 @@
-<h1 class="display-3" style="font-weight:700;position:sticky;top:0;backdrop-filter:blur(10px);z-index:1000;" id="logo">
-    <span style="color:#282828;background-color:#ebdbb2;">ac</span>
-</h1>
 <div class="row row-cols-1 row-cols-md-2">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav">
+        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
+            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+                <span style="color:#282828;background-color:#ebdbb2;">ac</span>
+            </h1>
             {% for item in site.data.nav %}
             <div class="col">
                 <h4>
@@ -11,7 +11,7 @@
                 </h4>
             </div>
             {% endfor %}
-            <div class="col gy-2">
+            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
diff --git a/_layouts/default.html b/_layouts/default.html
index 41ef008..9cdab63 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -15,7 +15,7 @@
 <body>
     <div class="container text-start">
         {% include nav.html %}
-        <div class="col col-md-9">
+        <div class="col col-md-9" style="position: relative;top: 90px;">
             <h1 style="font-weight: 500;">
                 {{ page.title }}
             </h1>
diff --git a/_layouts/post.html b/_layouts/post.html
index 31bc952..4d22848 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -2,9 +2,9 @@
 layout: default
 ---
 
-<p style="font-family:Rubik;font-weight:500;">
+<p style="font-family:Fira Code;font-weight:500;">
     <i class="fas fa-calendar"></i>&nbsp;{{ page.date | date_to_string }}
-    &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+    |
     <i class="fas fa-clock"></i>&nbsp;{{ content | reading_time | pluralize: "minute" }}
 </p>
 <hr>
diff --git a/_site/assets/css/default.css b/_site/assets/css/default.css
index 1347370..903e98f 100644
--- a/_site/assets/css/default.css
+++ b/_site/assets/css/default.css
@@ -1,10 +1,15 @@
 @import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap');
+
+h1.logo {
+    height: 90px;
+}
 
 hr {
     border: none;
     height: 3px;
-    background-color: #171717;
+    background-color: #a89984;
     opacity: 100%;
 }
 
@@ -25,7 +30,7 @@ a {
 body {
     background-color: #282828;
     color: #ebdbb2;
-    font-family: "Rubik";
+    font-family: "Fira Code";
     min-height: 100vh;
 }
 
diff --git a/_site/blog/2023/03/10/putting-thoughts-into-action/index.html b/_site/blog/2023/03/10/putting-thoughts-into-action/index.html
index 41236bb..f69ada2 100644
--- a/_site/blog/2023/03/10/putting-thoughts-into-action/index.html
+++ b/_site/blog/2023/03/10/putting-thoughts-into-action/index.html
@@ -14,44 +14,44 @@
 
 <body>
     <div class="container text-start">
-        <h1 class="display-3" style="font-weight:700;position:sticky;top:0;backdrop-filter:blur(10px);z-index:1000;" id="logo">
-    <span style="color:#282828;background-color:#ebdbb2;">ac</span>
-</h1>
-<div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-2">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav">
+        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
+            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+                <span style="color:#282828;background-color:#ebdbb2;">ac</span>
+            </h1>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none"> about </a>
+                    <a href="/" class="text-decoration-none"> ABOUT </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/blog" class="text-decoration-none"> blog </a>
+                    <a href="/blog" class="text-decoration-none"> BLOG </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none"> til </a>
+                    <a href="/til" class="text-decoration-none"> TIL </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none"> projects </a>
+                    <a href="/projects" class="text-decoration-none"> PROJECTS </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> PHOTOS↗ </a>
                 </h4>
             </div>
             
-            <div class="col gy-2">
+            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -95,16 +95,16 @@
             <hr class="menu">
         </div>
     </div>
-        <div class="col col-md-9">
+        <div class="col col-md-9" style="position: relative;top: 90px;">
             <h1 style="font-weight: 500;">
                 A measure of how easily thoughts can be translated to action
             </h1>
             <p>
                 
             </p>
-            <p style="font-family:Rubik;font-weight:500;">
+            <p style="font-family:Fira Code;font-weight:500;">
     <i class="fas fa-calendar"></i>&nbsp;10 Mar 2023
-    &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+    |
     <i class="fas fa-clock"></i>&nbsp;2 minutes
 </p>
 <hr>
diff --git a/_site/blog/index.html b/_site/blog/index.html
index 04c4edb..471a4d4 100644
--- a/_site/blog/index.html
+++ b/_site/blog/index.html
@@ -14,44 +14,44 @@
 
 <body>
     <div class="container text-start">
-        <h1 class="display-3" style="font-weight:700;position:sticky;top:0;backdrop-filter:blur(10px);z-index:1000;" id="logo">
-    <span style="color:#282828;background-color:#ebdbb2;">ac</span>
-</h1>
-<div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-2">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav">
+        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
+            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+                <span style="color:#282828;background-color:#ebdbb2;">ac</span>
+            </h1>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none"> about </a>
+                    <a href="/" class="text-decoration-none"> ABOUT </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/blog" class="text-decoration-none"> blog </a>
+                    <a href="/blog" class="text-decoration-none"> BLOG </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none"> til </a>
+                    <a href="/til" class="text-decoration-none"> TIL </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none"> projects </a>
+                    <a href="/projects" class="text-decoration-none"> PROJECTS </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> PHOTOS↗ </a>
                 </h4>
             </div>
             
-            <div class="col gy-2">
+            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -95,9 +95,9 @@
             <hr class="menu">
         </div>
     </div>
-        <div class="col col-md-9">
+        <div class="col col-md-9" style="position: relative;top: 90px;">
             <h1 style="font-weight: 500;">
-                latest posts <span style="font-size:20px;"><a href="/feed.xml"><i class="fas fa-rss-square"></i></a></span>
+                LATEST POSTS <span style="font-size:20px;"><a href="/feed.xml"><i class="fas fa-rss-square"></i></a></span>
             </h1>
             <p>
                 all the posts, in reverse chronological. there is an atom feed above.
@@ -112,7 +112,7 @@
   
     <li>
       <h4><a href="/blog/2023/03/10/putting-thoughts-into-action/">A measure of how easily thoughts can be translated to action</a></h4>
-      <div style="font-family:Rubik;font-weight:500;">
+      <div style="font-family:Fira Code;font-weight:500;">
         <i class="fas fa-calendar"></i>&nbsp;10 Mar 2023
       </div>
       Recently, I’ve been using multiple different languages and frameworks (both at work and personally) and I’ve been thinking about why I prefer some over others. Ultimately, I think it comes...
diff --git a/_site/feed.xml b/_site/feed.xml
index bbdefcb..e31b6af 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-08-06T18:28:13+01:00</updated><id>http://localhost:4000/feed.xml</id><author><name>Andrew Conlin</name></author><entry><title type="html">Running a Python script periodically in a Docker container using cron</title><link href="http://localhost:4000/til/running-python-in-cron-in-docker/" rel="alternate" type="text/html" title="Running a Python script periodically in a Docker container using cron" /><published>2023-04-19T00:00:00+01:00</published><updated>2023-04-19T00:00:00+01:00</updated><id>http://localhost:4000/til/running-python-in-cron-in-docker</id><content type="html" xml:base="http://localhost:4000/til/running-python-in-cron-in-docker/"><![CDATA[<p>Recently, my partner gave a great idea for utilising my old Kindle: generate a “newspaper” each morning from a bunch of RSS feeds, and email it to the Kindle using “Send-to-Kindle” feature (a blog post about this project is in the works).</p>
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-08-07T13:17:36+01:00</updated><id>http://localhost:4000/feed.xml</id><author><name>Andrew Conlin</name></author><entry><title type="html">Running a Python script periodically in a Docker container using cron</title><link href="http://localhost:4000/til/running-python-in-cron-in-docker/" rel="alternate" type="text/html" title="Running a Python script periodically in a Docker container using cron" /><published>2023-04-19T00:00:00+01:00</published><updated>2023-04-19T00:00:00+01:00</updated><id>http://localhost:4000/til/running-python-in-cron-in-docker</id><content type="html" xml:base="http://localhost:4000/til/running-python-in-cron-in-docker/"><![CDATA[<p>Recently, my partner gave a great idea for utilising my old Kindle: generate a “newspaper” each morning from a bunch of RSS feeds, and email it to the Kindle using “Send-to-Kindle” feature (a blog post about this project is in the works).</p>
 
 <p>I loved this idea, and thought it would be no problem to get a Python script up and running periodically on my Raspberry Pi home server using <code class="language-plaintext highlighter-rouge">cron</code>. However, I ran into various issues along the way (some of which were not so easy to resolve), so I’m collating all the configuration changes I made in the hopes that it will be useful to someone one day. You can find the full repo for this project <a href="https://github.com/andrwcnln/watchman">here</a>, and I have also included my Dockerfile, docker-compose.yml and crontab at the end of this TIL.</p>
 
diff --git a/_site/index.html b/_site/index.html
index 9e3c1ce..6b06a95 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -14,44 +14,44 @@
 
 <body>
     <div class="container text-start">
-        <h1 class="display-3" style="font-weight:700;position:sticky;top:0;backdrop-filter:blur(10px);z-index:1000;" id="logo">
-    <span style="color:#282828;background-color:#ebdbb2;">ac</span>
-</h1>
-<div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-2">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav">
+        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
+            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+                <span style="color:#282828;background-color:#ebdbb2;">ac</span>
+            </h1>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none"> about </a>
+                    <a href="/" class="text-decoration-none"> ABOUT </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/blog" class="text-decoration-none"> blog </a>
+                    <a href="/blog" class="text-decoration-none"> BLOG </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none"> til </a>
+                    <a href="/til" class="text-decoration-none"> TIL </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none"> projects </a>
+                    <a href="/projects" class="text-decoration-none"> PROJECTS </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> PHOTOS↗ </a>
                 </h4>
             </div>
             
-            <div class="col gy-2">
+            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -95,9 +95,9 @@
             <hr class="menu">
         </div>
     </div>
-        <div class="col col-md-9">
+        <div class="col col-md-9" style="position: relative;top: 90px;">
             <h1 style="font-weight: 500;">
-                about me
+                ABOUT ME
             </h1>
             <p>
                 
@@ -114,7 +114,7 @@ My main hobbies are film photography and running. I love <a href="https://letter
 I mainly use this site as a space for my blog, where I post interesting things I've found, and some of my (not so interesting) thoughts. Inspired by <a href="https://til.simonwillison.net/">Simon Willison</a>, I also post my TIL series here. Any time I run into a weird error while programming, I post the full error message and the fix that I found, to hopefully help someone down the line.
 <br>
 <br>
-<h1> contact </h1>
+<h1> CONTACT </h1>
 <hr>
 You can <a href="mailto:andrew@andrewconl.in">email me</a>, or use any of the socials in the nav menu.
             <br>
diff --git a/_site/til/index.html b/_site/til/index.html
index 11b7ba9..a4a8575 100644
--- a/_site/til/index.html
+++ b/_site/til/index.html
@@ -14,44 +14,44 @@
 
 <body>
     <div class="container text-start">
-        <h1 class="display-3" style="font-weight:700;position:sticky;top:0;backdrop-filter:blur(10px);z-index:1000;" id="logo">
-    <span style="color:#282828;background-color:#ebdbb2;">ac</span>
-</h1>
-<div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-2">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav">
+        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
+            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+                <span style="color:#282828;background-color:#ebdbb2;">ac</span>
+            </h1>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none"> about </a>
+                    <a href="/" class="text-decoration-none"> ABOUT </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/blog" class="text-decoration-none"> blog </a>
+                    <a href="/blog" class="text-decoration-none"> BLOG </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none"> til </a>
+                    <a href="/til" class="text-decoration-none"> TIL </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none"> projects </a>
+                    <a href="/projects" class="text-decoration-none"> PROJECTS </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> PHOTOS↗ </a>
                 </h4>
             </div>
             
-            <div class="col gy-2">
+            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -95,9 +95,9 @@
             <hr class="menu">
         </div>
     </div>
-        <div class="col col-md-9">
+        <div class="col col-md-9" style="position: relative;top: 90px;">
             <h1 style="font-weight: 500;">
-                latest tils <span style="font-size:20px;"><a href="/feed/til.xml"><i class="fas fa-rss-square"></i></a></span>
+                LATEST TILS <span style="font-size:20px;"><a href="/feed/til.xml"><i class="fas fa-rss-square"></i></a></span>
             </h1>
             <p>
                 my collection of tils (today-i-learned). i use this mainly to collect solutions to weird errors i have faced, and detail the little projects that i work on. this has its own atom feed (above) as they are typically very different from my other posts. all tils are blog posts but not all blog posts are tils.
@@ -109,7 +109,7 @@
   
     <li>
       <h4><a href="/til/running-python-in-cron-in-docker/">Running a Python script periodically in a Docker container using cron</a></h4>
-      <div style="font-family:Rubik;font-weight:500;">
+      <div style="font-family:Fira Code;font-weight:500;">
         <i class="fas fa-calendar"></i>&nbsp;19 Apr 2023
       </div>
       Recently, my partner gave a great idea for utilising my old Kindle: generate a “newspaper” each morning from a bunch of RSS feeds, and email it to the Kindle using...
@@ -125,7 +125,7 @@
   
     <li>
       <h4><a href="/til/nextcloud-php-errors/">Fixing php errors in a Nextcloud docker-compose configuration</a></h4>
-      <div style="font-family:Rubik;font-weight:500;">
+      <div style="font-family:Fira Code;font-weight:500;">
         <i class="fas fa-calendar"></i>&nbsp;01 Mar 2023
       </div>
       I was trying to rescan the files in my Nextcloud server (running on Raspberry Pi 4 with DietPi), and kept running into some weird php errors. First error - “could...
diff --git a/_site/til/nextcloud-php-errors/index.html b/_site/til/nextcloud-php-errors/index.html
index 5a8312c..89ec55e 100644
--- a/_site/til/nextcloud-php-errors/index.html
+++ b/_site/til/nextcloud-php-errors/index.html
@@ -14,44 +14,44 @@
 
 <body>
     <div class="container text-start">
-        <h1 class="display-3" style="font-weight:700;position:sticky;top:0;backdrop-filter:blur(10px);z-index:1000;" id="logo">
-    <span style="color:#282828;background-color:#ebdbb2;">ac</span>
-</h1>
-<div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-2">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav">
+        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
+            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+                <span style="color:#282828;background-color:#ebdbb2;">ac</span>
+            </h1>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none"> about </a>
+                    <a href="/" class="text-decoration-none"> ABOUT </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/blog" class="text-decoration-none"> blog </a>
+                    <a href="/blog" class="text-decoration-none"> BLOG </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none"> til </a>
+                    <a href="/til" class="text-decoration-none"> TIL </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none"> projects </a>
+                    <a href="/projects" class="text-decoration-none"> PROJECTS </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> PHOTOS↗ </a>
                 </h4>
             </div>
             
-            <div class="col gy-2">
+            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -95,16 +95,16 @@
             <hr class="menu">
         </div>
     </div>
-        <div class="col col-md-9">
+        <div class="col col-md-9" style="position: relative;top: 90px;">
             <h1 style="font-weight: 500;">
                 Fixing php errors in a Nextcloud docker-compose configuration
             </h1>
             <p>
                 
             </p>
-            <p style="font-family:Rubik;font-weight:500;">
+            <p style="font-family:Fira Code;font-weight:500;">
     <i class="fas fa-calendar"></i>&nbsp;01 Mar 2023
-    &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+    |
     <i class="fas fa-clock"></i>&nbsp;2 minutes
 </p>
 <hr>
diff --git a/_site/til/running-python-in-cron-in-docker/index.html b/_site/til/running-python-in-cron-in-docker/index.html
index 3af4983..8c3d7be 100644
--- a/_site/til/running-python-in-cron-in-docker/index.html
+++ b/_site/til/running-python-in-cron-in-docker/index.html
@@ -14,44 +14,44 @@
 
 <body>
     <div class="container text-start">
-        <h1 class="display-3" style="font-weight:700;position:sticky;top:0;backdrop-filter:blur(10px);z-index:1000;" id="logo">
-    <span style="color:#282828;background-color:#ebdbb2;">ac</span>
-</h1>
-<div class="row row-cols-1 row-cols-md-2">
+        <div class="row row-cols-1 row-cols-md-2">
     <div class="col col-md-3">
-        <div class="row row-cols-1 g-0" id="nav">
+        <div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
+            <h1 class="display-3 logo" style="font-weight:700;" id="logo">
+                <span style="color:#282828;background-color:#ebdbb2;">ac</span>
+            </h1>
             
             <div class="col">
                 <h4>
-                    <a href="/" class="text-decoration-none"> about </a>
+                    <a href="/" class="text-decoration-none"> ABOUT </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/blog" class="text-decoration-none"> blog </a>
+                    <a href="/blog" class="text-decoration-none"> BLOG </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/til" class="text-decoration-none"> til </a>
+                    <a href="/til" class="text-decoration-none"> TIL </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="/projects" class="text-decoration-none"> projects </a>
+                    <a href="/projects" class="text-decoration-none"> PROJECTS </a>
                 </h4>
             </div>
             
             <div class="col">
                 <h4>
-                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> photos↗ </a>
+                    <a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> PHOTOS↗ </a>
                 </h4>
             </div>
             
-            <div class="col gy-2">
+            <div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
                 <h4>
                     <div>
                         <span>
@@ -95,16 +95,16 @@
             <hr class="menu">
         </div>
     </div>
-        <div class="col col-md-9">
+        <div class="col col-md-9" style="position: relative;top: 90px;">
             <h1 style="font-weight: 500;">
                 Running a Python script periodically in a Docker container using cron
             </h1>
             <p>
                 
             </p>
-            <p style="font-family:Rubik;font-weight:500;">
+            <p style="font-family:Fira Code;font-weight:500;">
     <i class="fas fa-calendar"></i>&nbsp;19 Apr 2023
-    &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+    |
     <i class="fas fa-clock"></i>&nbsp;3 minutes
 </p>
 <hr>
diff --git a/assets/css/default.css b/assets/css/default.css
index 1347370..903e98f 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -1,10 +1,15 @@
 @import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap');
+
+h1.logo {
+    height: 90px;
+}
 
 hr {
     border: none;
     height: 3px;
-    background-color: #171717;
+    background-color: #a89984;
     opacity: 100%;
 }
 
@@ -25,7 +30,7 @@ a {
 body {
     background-color: #282828;
     color: #ebdbb2;
-    font-family: "Rubik";
+    font-family: "Fira Code";
     min-height: 100vh;
 }
 
diff --git a/blog.html b/blog.html
index c5eaafa..9678bed 100644
--- a/blog.html
+++ b/blog.html
@@ -1,6 +1,6 @@
 ---
 layout: default
-title: latest posts <span style="font-size:20px;"><a href="/feed.xml"><i class="fas fa-rss-square"></i></a></span>
+title: LATEST POSTS <span style="font-size:20px;"><a href="/feed.xml"><i class="fas fa-rss-square"></i></a></span>
 subtitle: all the posts, in reverse chronological. there is an atom feed above.
 permalink: /blog/
 ---
@@ -13,7 +13,7 @@ permalink: /blog/
   {% if category == 'blog' %}
     <li>
       <h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
-      <div style="font-family:Rubik;font-weight:500;">
+      <div style="font-family:Fira Code;font-weight:500;">
         <i class="fas fa-calendar"></i>&nbsp;{{ post.date | date_to_string }}
       </div>
       {{ post.content | strip_html | truncatewords: 30 }}
diff --git a/index.html b/index.html
index 388958f..48244e2 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,6 @@
 ---
 layout: default
-title: about me
+title: ABOUT ME
 permalink: /
 ---
 
@@ -16,6 +16,6 @@ My main hobbies are film photography and running. I love <a href="https://letter
 I mainly use this site as a space for my blog, where I post interesting things I've found, and some of my (not so interesting) thoughts. Inspired by <a href="https://til.simonwillison.net/">Simon Willison</a>, I also post my TIL series here. Any time I run into a weird error while programming, I post the full error message and the fix that I found, to hopefully help someone down the line.
 <br>
 <br>
-<h1> contact </h1>
+<h1> CONTACT </h1>
 <hr>
 You can <a href="mailto:andrew@andrewconl.in">email me</a>, or use any of the socials in the nav menu.
\ No newline at end of file
diff --git a/til.html b/til.html
index aeec96d..bc7fcc9 100644
--- a/til.html
+++ b/til.html
@@ -1,6 +1,6 @@
 ---
 layout: default
-title: latest tils <span style="font-size:20px;"><a href="/feed/til.xml"><i class="fas fa-rss-square"></i></a></span>
+title: LATEST TILS <span style="font-size:20px;"><a href="/feed/til.xml"><i class="fas fa-rss-square"></i></a></span>
 subtitle: my collection of tils (today-i-learned). i use this mainly to collect solutions to weird errors i have faced, and detail the little projects that i work on. this has its own atom feed (above) as they are typically very different from my other posts. all tils are blog posts but not all blog posts are tils.
 permalink: /til/
 ---
@@ -13,7 +13,7 @@ permalink: /til/
   {% if category == 'til' %}
     <li>
       <h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
-      <div style="font-family:Rubik;font-weight:500;">
+      <div style="font-family:Fira Code;font-weight:500;">
         <i class="fas fa-calendar"></i>&nbsp;{{ post.date | date_to_string }}
       </div>
       {{ post.content | strip_html | truncatewords: 30 }}
