make things more readable in the blog

Signed-off-by: Xe Iaso <me@xeiaso.net>

app/blog/[...slug]/page.tsx

@@ -52,7 +52,7 @@ export default async function Page({ params }: { params: PageParams }) {
           )}
 
           <div className="mx-auto max-w-[80ch] py-6 sm:px-6 lg:px-8">
-            <div className="prose">
+            <div className="prose prose-a:text-blue-600 hover:prose-a:text-blue-500 prose-p:my-2">
               <MDXContent code={page.mdx} components={{}} />
             </div>
           </div>

app/globals.css

@@ -44,3 +44,7 @@ body {
     text-wrap: balance;
   }
 }
+
+.prose p {
+  @apply my-2;
+}