From b75e50663920488ee8ab41a252fa3e3328e2f3e1 Mon Sep 17 00:00:00 2001
From: Jet Pham <jetthomaspham@gmail.com>
Date: Tue, 18 Nov 2025 01:06:10 -0800
Subject: [PATCH] feat: make font smaller on mobile screens

---
 src/styles/globals.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index fb3a388..0102683 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -38,12 +38,19 @@
     padding: 1rem;
     margin: 0 auto;
     font-family: "IBM VGA", monospace;
-    font-size: 1.5rem; /* Increased font size to make characters bigger */
+    font-size: 1.25rem; /* Smaller font size for mobile */
     white-space: pre;
     line-height: 1;
     box-sizing: border-box;
     overflow: hidden; /* Disable scrolling */
   }
+
+  /* Desktop font size */
+  @media (min-width: 768px) {
+    html {
+      font-size: 1.5rem;
+    }
+  }
   
   /* Apply CGA theme to body */
   body {