improve styling of blog page

website/src/blog.html

@@ -40,7 +40,7 @@
         <article class="bg-white my-3 py-8 px-6 sm:px-8 md:px-12 lg:px-16 rounded-lg hover:shadow-md ">
             <h1 class="text-xl font-medium">{{ blog.data.title }}</h1>
             <p class="text-sm">{{ blog.data.date.toUTCString().split(' ').slice(0, 4).join(' ') }}</p>
-            <a class="inline-block mt-5" href="{{ blog.url }}">{{ blog.data.title }}</a>
+            <a class="inline-block mt-5 hover:underline" href="{{ blog.url }}">{{ blog.data.title }}</a>
             <br>
         </article>
         {% endfor %}

website/src/css/blog.css

@@ -29,7 +29,7 @@ ul li,ol li{
     letter-spacing: 0.6px;
 }
 pre{
-    overflow: scroll;
+    overflow: auto;
 }
 /* code{
     width: 100%;