diff --git a/bun.lockb b/bun.lockb
new file mode 100755
index 0000000..365d04d
Binary files /dev/null and b/bun.lockb differ
diff --git a/public/fonts/SourceCodePro-Regular.otf.woff2 b/public/fonts/SourceCodePro-Regular.otf.woff2
new file mode 100644
index 0000000..fd665c4
Binary files /dev/null and b/public/fonts/SourceCodePro-Regular.otf.woff2 differ
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 4cdf07a..d987a70 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -34,11 +34,12 @@
       class="flex flex-row gap-2 items-center md:h-20 h-16"
       id="title-container">
       <a href="/" class="no-underline text-inherit -ml-[0.27rem]" id="title">
-        <h1 class="font-mono md:text-6xl text-5xl">Log101</h1>
+        <h1 class="title md:text-6xl text-5xl">Log101</h1>
       </a>
       <div id="board" class="board"></div>
     </div>
-    <div class="border-b border-x-0 border-t-0 border-slate-900 border-solid">
+    <div
+      class="pb-2 border-b border-x-0 border-t-0 border-slate-900 border-solid">
       <ul
         class="flex md:flex-row flex-col md:items-center justify-between list-none p-0 gap-3 nav-links">
         <li>
diff --git a/src/components/Post.astro b/src/components/Post.astro
index 71935d9..147f1ec 100644
--- a/src/components/Post.astro
+++ b/src/components/Post.astro
@@ -69,7 +69,7 @@ import calendar from "@/images/calendar.svg";
 </style>
 
 <div class="flex flex-col gap-3">
-  <div class="flex flex-col">
+  <div class="flex flex-col gap-2">
     <p class="tracking-wide text-slate-700">{post.data.subcategory}</p>
     <a class="no-underline text-inherit" href={postLink}>
       <h4 class="text-3xl font-normal">{post.data.title}</h4>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 61f4837..73849ab 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -15,7 +15,7 @@ import "../styles/main.css";
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/png" href="/favicon.png" />
     <meta name="generator" content={Astro.generator} />
-    <meta name="htmx-config" content='{code:"204", swap: false}' />
+    <meta name="htmx-config" content='{"code": 204, "swap": false}' />
     <title>{title}</title>
   </head>
   <body class="flex justify-center font-sans">
diff --git a/src/styles/main.css b/src/styles/main.css
index 78cb1ef..f30fe76 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -18,8 +18,17 @@ body {
   background-color: #f5fffa;
 }
 
+@font-face {
+  font-family: "Source Code Pro";
+  src: url(/fonts/SourceCodePro-Regular.otf.woff2) format("woff2");
+}
+
 @layer components {
   .posts {
     @apply flex flex-col gap-10 md:gap-8;
   }
+
+  .title {
+    font-family: "Source Code Pro", monospace;
+  }
 }
