Update style.css

style.css

@@ -3,47 +3,43 @@
 /* Header Style */
 header {
     background-color: #5072A7; /* A soothing shade of blue */
-    color: white; /* White text for contrast */
-    padding: 10px; /* Adding padding for spacing */
+    color: white; /* Ensuring the text on the header is white for contrast */
 }
 
 /* Main Body Style */
 body {
-    font-family: Arial, sans-serif; /* Standard readable font stack */
-    color: #333333; /* Dark grey color for main text */
-    line-height: 1.6; /* Improved line spacing for readability */
+    font-family: Arial, sans-serif; /* Using a standard, readable font */
+    color: #333333; /* Dark grey color for the main text */
 }
 
 /* Titles and Headings */
 h1, h2, h3 {
-    color: #333366; /* Darker shade of blue for headings */
-    margin-bottom: 10px; /* Adding margin for separation */
+    color: #e8ff1a; /* A darker shade of blue for headings */
 }
 
 /* Buttons */
 button {
-    background-color: #4CAF50; /* Green background for buttons */
-    color: white; /* White text for contrast */
-    padding: 10px 20px; /* Padding for button size */
-    margin: 10px 0; /* Margin for spacing */
-    border: none; /* Removing default border */
-    cursor: pointer; /* Pointer cursor for usability */
-    border-radius: 5px; /* Rounded corners */
-    transition: background-color 0.3s ease; /* Smooth hover transition */
+    background-color: #4CAF50; /* A green color for buttons */
+    color: white;
+    padding: 10px 20px;
+    margin: 10px 0;
+    border: none;
+    cursor: pointer;
+    border-radius: 5px;
 }
 
 button:hover {
-    background-color: #45a049; /* Darker green on hover */
+    background-color: #45a049;
 }
 
 /* Footer Style */
 footer {
-    background-color: #333333; /* Dark background for footer */
-    color: white; /* White text for contrast */
-    text-align: center; /* Center-aligning text */
-    padding: 10px; /* Padding for spacing */
-    position: fixed; /* Fixed positioning */
+    background-color: #333333; /* Dark footer for contrast */
+    color: white;
+    text-align: center;
+    padding: 10px;
+    position: fixed;
     left: 0;
     bottom: 0;
-    width: 100%; /* Full width */
+    width: 100%;
 }