increase font size by 5% - Follow Up Deployment

index.html

@@ -11,6 +11,7 @@
         
         .pixel-font {
             font-family: 'VT323', monospace;
+            font-size: 1.05rem; /* 5% increase from default */
         }
         
         .title-font {
@@ -76,7 +77,7 @@
         <div class="container mx-auto px-4 py-3 flex justify-between items-center">
             <div class="flex items-center space-x-2">
                 <i class="fas fa-radiation-alt text-green-500 text-2xl"></i>
-                <h1 class="title-font text-xl md:text-2xl glow">OREGON TRAILER PARK</h1>
+                <h1 class="title-font text-xl md:text-2xl glow" style="font-size: 1.1025rem;">OREGON TRAILER PARK</h1>
             </div>
             <nav class="hidden md:block">
                 <ul class="flex space-x-6">
@@ -105,8 +106,8 @@
     <section class="relative h-screen flex items-center justify-center bg-gray-800 overflow-hidden">
         <div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1508514177221-188e1e5f9425?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80')] bg-cover bg-center opacity-30"></div>
         <div class="container mx-auto px-4 z-10 text-center">
-            <h1 class="title-font text-4xl md:text-6xl mb-6 glow typewriter">SURVIVE THE WASTELAND</h1>
-            <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">A post-apocalyptic deck-building roguelike where survival hinges on scavenging, combat, and managing your crew's sanity.</p>
+            <h1 class="title-font text-4xl md:text-6xl mb-6 glow typewriter" style="font-size: 2.205rem;">SURVIVE THE WASTELAND</h1>
+            <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto" style="font-size: 1.1025rem;">A post-apocalyptic deck-building roguelike where survival hinges on scavenging, combat, and managing your crew's sanity.</p>
             <div class="flex flex-col sm:flex-row justify-center gap-4">
                 <button class="bg-green-600 hover:bg-green-700 text-black font-bold py-3 px-6 rounded-lg transition transform hover:scale-105 flex items-center justify-center gap-2">
                     <i class="fas fa-play"></i> PLAY DEMO
@@ -122,27 +123,27 @@
     <!-- Features Section -->
     <section id="features" class="py-16 bg-gray-800 bg-opacity-70">
         <div class="container mx-auto px-4">
-            <h2 class="title-font text-3xl md:text-4xl text-center mb-12 glow">CORE MECHANICS</h2>
+            <h2 class="title-font text-3xl md:text-4xl text-center mb-12 glow" style="font-size: 1.65375rem;">CORE MECHANICS</h2>
             
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
                 <!-- Feature 1 -->
                 <div class="bg-gray-900 bg-opacity-80 p-6 rounded-lg border-2 border-green-500 card-hover radiation-pulse">
                     <div class="text-center mb-4">
                         <i class="fas fa-cards text-4xl text-green-500 mb-3"></i>
-                        <h3 class="title-font text-xl mb-2">DECK-BUILDING</h3>
+                        <h3 class="title-font text-xl mb-2" style="font-size: 1.1025rem;">DECK-BUILDING</h3>
                     </div>
                     <ul class="space-y-2 text-sm">
                         <li class="flex items-start">
                             <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                            <span>Class-specific starting cards</span>
+                            <span style="font-size: 0.84rem;">Class-specific starting cards</span>
                         </li>
                         <li class="flex items-start">
                             <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                            <span>Acquire new cards through scavenging and combat</span>
+                            <span style="font-size: 0.84rem;">Acquire new cards through scavenging and combat</span>
                         </li>
                         <li class="flex items-start">
                             <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                            <span>Modify your deck at safe zones</span>
+                            <span style="font-size: 0.84rem;">Modify your deck at safe zones</span>
                         </li>
                     </ul>
                 </div>
@@ -151,20 +152,20 @@
                 <div class="bg-gray-900 bg-opacity-80 p-6 rounded-lg border-2 border-green-500 card-hover">
                     <div class="text-center mb-4">
                         <i class="fas fa-fist-raised text-4xl text-green-500 mb-3"></i>
-                        <h3 class="title-font text-xl mb-2">TURN-BASED COMBAT</h3>
+                        <h3 class="title-font text-xl mb-2" style="font-size: 1.1025rem;">TURN-BASED COMBAT</h3>
                     </div>
                     <ul class="space-y-2 text-sm">
                         <li class="flex items-start">
                             <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                            <span>Fight raiders, mutants, and Corporate enforcers</span>
+                            <span style="font-size: 0.84rem;">Fight raiders, mutants, and Corporate enforcers</span>
                         </li>
                         <li class="flex items-start">
                             <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                            <span>Action point system for strategic play</span>
+                            <span style="font-size: 0.84rem;">Action point system for strategic play</span>
                         </li>
                         <li class="flex items-start">
                             <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                            <span>Environmental hazards affect battles</span>
+                            <span style="font-size: 0.84rem;">Environmental hazards affect battles</span>
                         </li>
                     </ul>
                 </div>
@@ -173,20 +174,20 @@
                 <div class="bg-gray-900 bg-opacity-80 p-6 rounded-lg border-2 border-green-500 card-hover">
                     <div class="text-center mb-4">
                         <i class="fas fa-boxes text-4xl text-green-500 mb-3"></i>
-                        <h3 class="title-font text-xl mb-2">RESOURCE MANAGEMENT</h3>
+                        <h3 class="title-font text-xl mb-2" style="font-size: 1.1025rem;">RESOURCE MANAGEMENT</h3>
                     </div>
                     <ul class="space-y-2 text-sm">
                         <li class="flex items-start">
                             <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                            <span>Track Food, Fuel, Scrap, and Chems</span>
+                            <span style="font-size: 0.84rem;">Track Food, Fuel, Scrap, and Chems</span>
                         </li>
                         <li class="flex items-start">
                             <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                            <span>Chems as currency and crafting ingredients</span>
+                            <span style="font-size: 0.84rem;">Chems as currency and crafting ingredients</span>
                         </li>
                         <li class="flex items-start">
                             <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                            <span>Starvation adds permanent debuffs</span>
+                            <span style="font-size: 0.84rem;">Starvation adds permanent debuffs</span>
                         </li>
                     </ul>
                 </div>
@@ -195,20 +196,20 @@
                 <div class="bg-gray-900 bg-opacity-80 p-6 rounded-lg border-2 border-green-500 card-hover">
                     <div class="text-center mb-4">
                         <i class="fas fa-skull text-4xl text-green-500 mb-3"></i>
-                        <h3 class="title-font text-xl mb-2">PERMADEATH</h3>
+                        <h3 class="title-font text-xl mb-2" style="font-size: 1.1025rem;">PERMADEATH</h3>
                     </div>
                     <ul class="space-y-2 text-sm">
                         <li class="flex items-start">
                             <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                            <span>Lose party members permanently</span>
+                            <span style="font-size: 0.84rem;">Lose party members permanently</span>
                         </li>
                         <li class="flex items-start">
                             <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                            <span>Their cards are removed from your deck</span>
+                            <span style="font-size: 0.84rem;">Their cards are removed from your deck</span>
                         </li>
                         <li class="flex items-start">
                             <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                            <span>Recruit replacements at random events</span>
+                            <span style="font-size: 0.84rem;">Recruit replacements at random events</span>
                         </li>
                     </ul>
                 </div>