diff --git a/src/app.html b/src/app.html
index fe99f27..584d0d6 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" class="bg-[--background-color] text-[--text-color]">
+<html lang="en" class="bg-[--background-color] font-serif text-[--text-color]">
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%sveltekit.assets%/favicon.ico" />
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 8f88816..4d05471 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,8 +1,8 @@
 <main class="container px-8 sm:mx-auto">
-  <p class="mt-40 font-serif sm:mt-60">hey, I'm</p>
-  <h1 class="text-4xl font-bold sm:text-6xl md:text-8xl">Raymond</h1>
-  <h2 class="mt-8 font-serif text-2xl">& this page is ~under construction~</h2>
-  <ul class="mt-4 flex flex-row gap-x-4 font-serif">
+  <p class="mt-40 sm:mt-60">hey, I'm</p>
+  <h1 class="text-6xl font-bold sm:text-8xl">Raymond</h1>
+  <h2 class="mt-8 text-2xl">& this page is ~under construction~</h2>
+  <ul class="mt-4 flex flex-row gap-x-4">
     <li>
       <a class="hover:underline hover:underline-offset-4" href="mailto:r@ymond.wang" target="_blank"
         >Email</a
