Changed Calcluate button to GO

index.html

@@ -44,13 +44,15 @@
     <h1 class="text-2xl md:text-3xl font-bold text-slate-900 mb-4">Pokémon GO Level Calculator</h1>
     <p class="text-slate-500 mb-6">Enter your total XP to see your level</p>
     
-    <input type="text" id="xp-input" placeholder="e.g., 123,456,789" 
+    <div class="flex gap-2 mb-4 justify-center">
-      class="w-full px-4 py-3 mb-4 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-400 text-center text-lg">
+      <input type="text" id="xp-input" placeholder="e.g., 123,456,789" 
+        class="flex-1 px-4 py-3 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-400 text-center text-lg">
 
-    <button id="calculate-btn" 
+      <button id="calculate-btn" 
-      class="w-full bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-4 rounded-lg transition-transform transform hover:scale-105">
+        class="w-12 h-12 bg-green-500 hover:bg-green-600 text-white font-bold rounded-lg transition-transform transform hover:scale-105">
-      Calculate
+        GO!
-    </button>
+      </button>
+    </div>
 
     <div id="result" class="mt-8 hidden">
       <div class="relative w-full h-16 bg-slate-200 rounded-lg overflow-hidden">
@@ -64,7 +66,7 @@
 
       <div id="extra-info" class="mt-3 text-sm text-slate-600">
         <p>
-          Assuming you average 
+          If you average 
           <span id="xp-per-day">15,000</span> XP per day, 
           you will reach the next level in 
           <span id="days-next">0</span> and level 80 in