still black background is there and font color should be dark black

index.html

@@ -27,7 +27,7 @@
         body {
             font-family: 'Inter', sans-serif;
             background: white;
-            color: black;
+            color: #000000;
             min-height: 100vh;
         }
         .calculator-btn {
@@ -51,7 +51,7 @@
         }
         .history-item {
             transition: all 0.3s ease;
-        }
+}
 .history-item:hover {
             background: rgba(99, 102, 241, 0.1);
         }
@@ -84,14 +84,14 @@
             <h1 class="text-4xl md:text-5xl font-bold mb-2 bg-clip-text text-transparent bg-gradient-to-r from-primary to-secondary">
                 Shivaam Shukla Calculator 🧮
             </h1>
-            <p class="text-gray-300 max-w-2xl mx-auto">
+            <p class="text-gray-700 max-w-2xl mx-auto">
                 Advanced calculator with GST, unit conversion, trigonometry, matrix operations, and more. All in one place!
             </p>
         </header>
 <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
             <!-- Calculator Section -->
             <div class="lg:col-span-2">
-                <div class="bg-dark rounded-2xl p-6 shadow-xl">
+                <div class="bg-white rounded-2xl p-6 shadow-xl border border-gray-200">
                     <!-- Mode Selector -->
                     <div class="flex flex-wrap gap-2 mb-6">
                         <button id="basicMode" class="mode-selector active px-4 py-2 rounded-lg">Basic</button>