Update style.css

style.css

@@ -1,6 +1,8 @@
 .header {
-    text-align: left;
-    padding: 10px;
+    background-color: #4caf50; /* Green header */
+    color: white;
+    text-align: center;
+    padding: 10px 0;
 }
 
 .header img {
@@ -12,16 +14,22 @@
 }
 
 .button {
-    display: block;
-    margin-top: 10px;
-    padding: 10px;
-    background-color: #4caf50; /* Example background color */
+    display: inline-block;
+    padding: 10px 20px;
+    margin: 20px;
+    background-color: #66bb6a; /* Medium green button */
     color: white;
     text-decoration: none;
     border-radius: 5px;
-    transition: box-shadow 0.3s ease-in-out;
+    text-align: left;
 }
 
 .button:hover {
-    box-shadow: 0 0 8px 2px #66bb6a; /* Green glow */
+    background-color: #81c784; /* Lighter green on hover */
+}
+
+body {
+    font-family: Arial, sans-serif;
+    background-color: #e8f5e9; /* Light green background */
+    color: #1b5e20; /* Dark green text */
 }