Add styles + favicon

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%

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}

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 {