diff --git a/src/app.html b/src/app.html
index 79e9187..3823329 100644
--- a/src/app.html
+++ b/src/app.html
@@ -9,7 +9,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link
-    href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap"
+    href="https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,700;1,400;1,700&family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap"
     rel="stylesheet">
 
   %sveltekit.head%
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4d5c236..0cb9ae7 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -7,14 +7,14 @@
 <main>
   <div id="title">
     <h1>trinket blog</h1>
-    <h2 class="sub">dev writing about anything under the sun</h2>
   </div>
 
   <div id="articles">
     <ul>
       {#each data.articles as article, i}
         <li class={i % 2 == 0 ? "even" : "odd"}>
-          <a href="/articles/{article.slug}">{article.date} ~> {article.title}</a
+          <a href="/articles/{article.slug}"
+            >{article.date} ~> {article.title}</a
           >
         </li>
       {/each}
diff --git a/src/routes/app.css b/src/routes/app.css
index 62fe24c..6db6988 100644
--- a/src/routes/app.css
+++ b/src/routes/app.css
@@ -1,9 +1,10 @@
 * {
-  font-family: 'Poppins', sans-serif;
+  font-family: 'Asap', sans-serif;
 }
 
 pre, code, span {
   font-family: 'JetBrains Mono', monospace !important;
+  font-size: 0.9rem;
 }
 
 img {
diff --git a/static/favicon.png b/static/favicon.png
index 825b9e6..54c1055 100644
Binary files a/static/favicon.png and b/static/favicon.png differ