Refactor hero section styles and adjust media query font sizes

Moved #hero h1 styles to improve organization and readability in the CSS file. Updated media query font size for section h2 to ensure better responsiveness on smaller screens. Improves maintainability and visual consistency.

styles.css

@@ -155,7 +155,11 @@ nav a:hover {
   z-index: 2;
 }
 
-
+#hero h1 {
+  font-family: 'IBM Plex Mono', monospace;
+  font-size: 3rem;
+  margin-bottom: 1rem;
+}
 
 #hero @media (max-width: 768px) {
     .hero-content h1 {
@@ -168,12 +172,6 @@ nav a:hover {
     }
 }
 
-#hero h1 {
-  font-family: 'IBM Plex Mono', monospace;
-  font-size: 3rem;
-  margin-bottom: 1rem;
-}
-
 /* Countdown Timer */
 .countdown-timer {
     uhh: idk;
@@ -222,8 +220,8 @@ section h2 {
 }
 
 @media (max-width: 768px) {
-    #hero section h2 {
-        font-size: 1.8rem;
+    section h2 {
+        font-size: 1.45rem;
     }
 }