diff --git a/styles/index.css b/styles/index.css
index 782a7e706..eb6226838 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -136,7 +136,7 @@ code, pre {
 }
 
 .code-nav {
-    font-size: 14px;
+    font-size: 20px;
     font-family: "JetBrains Mono", monospace;
     font-optical-sizing: auto;
     font-weight: 400;
@@ -144,7 +144,7 @@ code, pre {
 }
 
 .text-title {
-    font-size: 16px;
+    font-size: 24px;
     font-family: "Nunito", sans-serif;
     font-optical-sizing: auto;
     font-weight: 400;
@@ -155,6 +155,16 @@ code, pre {
     padding-left: 4px;
 }
 
+@media (min-width: 768px) {
+    .text-title {
+        font-size: 16px;
+    }
+
+    .code-nav {
+        font-size: 14px;
+    }
+}
+
 :not(pre) > code {
     background-color: #343434;
     border-radius: 0.25rem;