🌈 style: added styles for markdown

app/post/[slug]/page.tsx

@@ -1,6 +1,7 @@
 import { getPostData, getAllPostSlugs } from '@/lib/posts';
 import { notFound } from 'next/navigation';
 import Link from 'next/link';
+import "@/app/markdown.css"
 
 interface PostPageProps {
   params: Promise<{ slug: string }>;
@@ -88,7 +89,7 @@ export default async function PostPage({ params }: PostPageProps) {
         </section>
         <section className="mx-auto px-4 pb-[4em] w-full px-[3em]">
           <article
-            className="prose prose-lg dark:prose-invert prose-headings:font-bold prose-a:text-blue-500 hover:prose-a:text-blue-700 prose-code:bg-gray-100 dark:prose-code:bg-gray-800 prose-pre:bg-gray-900 dark:prose-pre:bg-gray-900 prose-img:rounded-xl prose-blockquote:border-l-4 prose-blockquote:border-blue-500 prose-blockquote:bg-gray-50 dark:prose-blockquote:bg-gray-800 prose-blockquote:italic prose-blockquote:pl-4 max-w-none"
+            className="markdown"
             dangerouslySetInnerHTML={{ __html: post.contentHtml }}
           />
         </section>