Update index.html

index.html

@@ -8,8 +8,8 @@
     <style>
         body {
             font-family: 'Roboto', sans-serif;
-            background-color: #f5f5f5;
-            color: #333;
+            background-color: #000; /* Set background to black */
+            color: #fff;
             display: flex;
             flex-direction: column;
             align-items: center;
@@ -20,10 +20,11 @@
             color: #4CAF50;
         }
         .container {
-            background-color: #fff;
+            background-color: #111; /* Dark gray for container background */
             padding: 20px;
             border-radius: 8px;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+            border: 2px solid #fff; /* White border around the box */
+            box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1); /* White shadow for slight emphasis */
             max-width: 600px;
             width: 100%;
         }
@@ -32,6 +33,8 @@
             padding: 10px;
             border: 1px solid #ccc;
             border-radius: 4px;
+            background-color: #222; /* Darker background for textarea */
+            color: #fff; /* White text in textarea */
             resize: vertical;
             margin-bottom: 10px;
         }
@@ -54,7 +57,7 @@
             margin-right: 10px;
         }
         button:disabled {
-            background-color: #ddd;
+            background-color: #555;
             cursor: not-allowed;
         }
         a {