s

style.css

@@ -2,6 +2,7 @@ body {
     font-family: sans-serif;
     margin: 20px;
     background-color: #f0f0f0; 
+    background-image: linear-gradient(to bottom right, #f0f0f0, #e0e0e0); /* Subtle background gradient */
 }
 
 .container {
@@ -11,17 +12,30 @@ body {
     background-color: #fff;
     border-radius: 5px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+    /* Add a subtle highlight */
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 10px rgba(255, 255, 255, 0.2); 
 }
 
 h1 {
     color: #333;
     text-align: center;
     margin-bottom: 30px;
+    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); /* Subtle text shadow */
 }
 
 h2 {
     color: #007bff; 
     margin-top: 40px;
+    border-bottom: 2px solid #007bff; /* Add a colored border */
+    padding-bottom: 5px; 
+}
+
+/* Add a gradient to the headings */
+h1, h2 {
+    background-image: linear-gradient(to right, #fff, #f0f0f0); 
+    background-clip: text;
+    -webkit-background-clip: text; /* For Safari */
+    color: transparent; 
 }
 
 p {