Update index.html

index.html

@@ -28,94 +28,23 @@
         header {
             background: linear-gradient(90deg, #4a90e2, #007aff);
             color: #fff;
-            padding: 20px 0;
+            padding: 40px 0;
             text-align: center;
             box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            z-index: 1000;
-            transition: padding 0.3s, background-color 0.3s;
-        }
-
-        header.small {
-            padding: 10px 0;
         }
 
         header h1 {
             margin: 0;
-            font-size: 1.5em;
+            font-size: 2.5em;
             font-weight: 700;
             font-family: 'Playfair Display', serif;
-            display: inline-block;
-            margin-right: auto;
-        }
-
-        .toggle-switch {
-            display: inline-block;
-            margin-left: auto;
-        }
-
-        .toggle-switch input {
-            display: none;
-        }
-
-        .toggle-switch label {
-            background-color: #ccc;
-            border-radius: 34px;
-            cursor: pointer;
-            display: inline-block;
-            height: 26px;
-            position: relative;
-            width: 50px;
-        }
-
-        .toggle-switch label:before {
-            background-color: #fff;
-            border-radius: 50%;
-            content: '';
-            height: 22px;
-            left: 2px;
-            position: absolute;
-            top: 2px;
-            transition: 0.3s;
-            width: 22px;
-        }
-
-        .toggle-switch input:checked + label {
-            background-color: #4a90e2;
-        }
-
-        .toggle-switch input:checked + label:before {
-            transform: translateX(24px);
-        }
-
-        .toggle-switch .sun, .toggle-switch .moon {
-            position: absolute;
-            width: 22px;
-            height: 22px;
-            top: 2px;
-            transition: 0.3s;
-        }
-
-        .toggle-switch .sun {
-            left: 2px;
-            background: url('https://upload.wikimedia.org/wikipedia/commons/e/e1/Full_Sun_Clipart.svg') no-repeat center;
-            background-size: cover;
-        }
-
-        .toggle-switch .moon {
-            right: 2px;
-            background: url('https://upload.wikimedia.org/wikipedia/commons/3/3a/Moon_clipart.svg') no-repeat center;
-            background-size: cover;
         }
 
         .main {
-            margin-top: 60px;
+            margin-top: 20px;
         }
 
-        h1, h2, h3 {
+        h2, h3 {
             color: #4a90e2;
             font-weight: 500;
         }
@@ -199,7 +128,7 @@
             bottom: 0;
             width: 100%;
             margin-top: 40px;
-            box-shadow: 0 -4px 12
+            box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
         }
 
         footer p {
@@ -436,9 +365,6 @@ lumin("query", "username", "logic", true)
                     <h3>Total Requests</h3>
                     <p id="total-requests">0</p>
                 </div>
-            </div>
-            <button class="button">Learn More</button>
-        </div>
     </div>
     <footer>
         <p>LuminAI API Client &copy; 2024</p>