feat: apply IBM VGA retro fonts to non-header content

- Add Web437_IBM_VGA_8x16.woff and Web437_IBM_VGA_9x16.woff fonts
- Apply IBM VGA 9x16 as primary body font with 8x16 fallback
- Retain IBM EGA 8x8 for 'Make IT Work' header only
- Remove Google Fonts (Fira Code) dependency
- Adjust font sizes for better proportions with new typeface
- Use relative font URLs for local file compatibility

Author: xnoto

makeitwork.cloud/Web437_IBM_VGA_8x16.woff

@@ -28,27 +28,29 @@
     />
     <meta name="apple-mobile-web-app-title" content="Make IT Work" />
     <link rel="apple-touch-startup-image" href="/android-chrome-512x512.png" />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap"
-    />
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
     />
     <style>
       @font-face {
         font-family: "IBM EGA 8x8";
-        src: url("/Web437_IBM_EGA_8x8.woff") format("woff");
+        src: url("Web437_IBM_EGA_8x8.woff") format("woff");
         font-weight: normal;
         font-style: normal;
       }
 
       @font-face {
-        font-family: "American Typewriter";
-        src: local("American Typewriter Semibold"),
-          local("AmericanTypewriter-Semibold"), local("American Typewriter");
-        font-weight: 600;
+        font-family: "IBM VGA 8x16";
+        src: url("Web437_IBM_VGA_8x16.woff") format("woff");
+        font-weight: normal;
+        font-style: normal;
+      }
+
+      @font-face {
+        font-family: "IBM VGA 9x16";
+        src: url("Web437_IBM_VGA_9x16.woff") format("woff");
+        font-weight: normal;
         font-style: normal;
       }
 
@@ -78,7 +80,7 @@
       }
 
       body {
-        font-family: "Fira Code", monospace;
+        font-family: "IBM VGA 9x16", "IBM VGA 8x16", monospace;
         background-color: var(--bg-dark);
         color: var(--text-light);
         min-height: 100vh;
@@ -103,23 +105,23 @@
 
       .subheader {
         margin-top: 1.5rem;
-        font-size: 0.75rem;
-        font-family: "Fira Code", monospace;
+        font-size: 1rem;
+        font-family: "IBM VGA 9x16", "IBM VGA 8x16", monospace;
         font-weight: 400;
         color: var(--text-muted);
-        letter-spacing: 0.15em;
+        letter-spacing: 0.05em;
       }
 
       @media (max-width: 600px) {
         .subheader {
-          font-size: 0.65rem;
+          font-size: 0.9rem;
         }
       }
 
       @media (max-width: 400px) {
         .subheader {
-          font-size: 0.55rem;
-          letter-spacing: 0.1em;
+          font-size: 0.8rem;
+          letter-spacing: 0.05em;
         }
       }
 
@@ -303,7 +305,7 @@
       }
 
       .resource-cmd {
-        font-size: 0.65rem;
+        font-size: 0.75rem;
         color: var(--text-dim);
         font-weight: 600;
       }
@@ -316,7 +318,7 @@
 
       /* WARP Note */
       .warp-note {
-        font-size: 0.7rem;
+        font-size: 0.85rem;
         color: var(--text-dim);
         padding-top: 1rem;
         margin-top: 1rem;
@@ -467,13 +469,13 @@
       }
 
       .install-banner-title {
-        font-size: 0.85rem;
+        font-size: 1rem;
         font-weight: 500;
         color: var(--gold);
       }
 
       .install-banner-subtitle {
-        font-size: 0.7rem;
+        font-size: 0.85rem;
         color: var(--text-muted);
       }
 
@@ -489,7 +491,7 @@
         border: none;
         padding: 0.5rem 1rem;
         font-family: inherit;
-        font-size: 0.75rem;
+        font-size: 0.9rem;
         font-weight: 600;
         cursor: pointer;
         transition: all 0.2s ease;
@@ -505,7 +507,7 @@
         border: 1px solid var(--border-dim);
         padding: 0.5rem 0.75rem;
         font-family: inherit;
-        font-size: 0.75rem;
+        font-size: 0.9rem;
         cursor: pointer;
         transition: all 0.2s ease;
       }
@@ -518,7 +520,7 @@
       /* iOS install instructions */
       .ios-instructions {
         display: none;
-        font-size: 0.7rem;
+        font-size: 0.85rem;
         color: var(--text-muted);
         text-align: center;
         padding: 0.5rem;