diff --git a/themes/leilukin/stylesheets/all.css b/themes/leilukin/stylesheets/all.css
index 4571fcc..e60d830 100644
--- a/themes/leilukin/stylesheets/all.css
+++ b/themes/leilukin/stylesheets/all.css
@@ -40,6 +40,12 @@
     --clr-delete-btn-hover: #af2d2d;
     --clr-input-err: #ffdede;
     --clr-white: #fff;
+
+    --fs-main: 1.2rem;
+    --fs-h1: clamp(2rem, 1rem + 5vw, 3rem);
+    --fs-h2: clamp(1.55rem, 1rem + 3vw, 2.15rem);
+    --fs-h3: clamp(1.55rem, 1rem + 3vw, 1.8rem);
+    --fs-h4: clamp(1.4rem, 1rem + 3vw, 1.6rem);
 }
 html {
     font-size: 16px;
@@ -50,7 +56,7 @@ html {
 }
 body {
     font-family: "Lexend", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-    font-size: 1.2rem;
+    font-size: var(--fs-main);
     color: var(--clr-body-txt);
     line-height: 1.5;
     tab-size: 4;
@@ -71,8 +77,8 @@ p.footnote-backrefs {
     font-size: 0.75em;
 }
 h1 {
-    font-size: 2em;
-    font-weight: bold;
+    font-size: var(--fs-h1);
+    font-weight: 700;
     margin: 1em 0em;
     padding: 0em;
 }
@@ -83,7 +89,7 @@ h2, h3, h4, h5, h6 {
     color: var(--clr-sub-heading);
 }
 h2 {
-    font-size: 1.5em;
+    font-size: var(--fs-h2);
     font-weight: bold;
     margin: 1em 0em;
     padding: 0em;
@@ -99,7 +105,7 @@ h2.menu_toggle {
     display: none;
 }
 h3 {
-    font-size: 1em;
+    font-size: var(--fs-h3);
     font-weight: bold;
     margin: 1em 0em;
     padding: 0em;
@@ -111,7 +117,7 @@ h3.archive {
     margin-top: 2rem;
 }
 h4, h5, h6 {
-    font-size: 1em;
+    font-size: var(--fs-h4);
     font-weight: bold;
     margin: 1em 0em;
     padding: 0em;