Update style.css

style.css

@@ -48,10 +48,10 @@ body {
     display: flex;
     flex-direction: column;
     align-items: center;
-    width: 90%; /* More width */
-    max-width: 600px;
+    width: 80%; /* More width */
+    max-width: 800px; /* Wider container */
     margin: 0 auto;
-    padding: 40px;
+    padding: 30px;
     border-radius: 12px;
     border: 2px solid #ccc;
     background-color: #f8f8f8;
@@ -87,11 +87,11 @@ body {
     background-color: #006400; /* Dark Green */
     color: white;
     cursor: pointer;
-    padding: 12px 20px;
+    padding: 10px 20px;
     border-radius: 50%;
     border: none;
     transition: background-color 0.3s;
-    font-size: 18px;
+    font-size: 20px;
     display: flex;
     justify-content: center;
     align-items: center;