diff --git a/src/routes/blog/[slug]/+page.svelte b/src/routes/blog/[slug]/+page.svelte
index b143f3e..4679b12 100644
--- a/src/routes/blog/[slug]/+page.svelte
+++ b/src/routes/blog/[slug]/+page.svelte
@@ -72,18 +72,17 @@
 
 <article
 	class="prose
-		lg:prose-lg
-		prose-a:text-blue
-		prose-a:decoration-2
-		prose-a:underline-offset-2
-		hover:prose-a:text-lightblue
-		hover:prose-a:transition-all
+		sm:prose-xl
+		prose-slate
 		prose-code:break-words
 		prose-pre:drop-shadow-md
-		mx-auto
+		prose-headings:font-disket
+		prose-headings:mb-4
+		prose-headings:text-2xl prose-headings:font-bold prose-headings:sm:text-4xl prose-headings:text-slate-950 mx-auto
 		w-5xl
-		bg-white
-		p-4 lg:p-8"
+		p-4
+		text-slate-950
+		sm:text-xl lg:p-8"
 >
 	<svelte:component this={data.content} />
 </article>