Update index.html

index.html

@@ -11,13 +11,13 @@
     padding: 0;
     background: #fff;
   }
-  .header {
-    background: #ffcc00;
-    padding: 20px;
-    display: flex; /* Use flexbox to layout the children horizontally */
-    align-items: center; /* Align children vertically in the center */
-    justify-content: flex-start; /* Align children to the start (left) */
-  }
+.header {
+  background: linear-gradient(to right, #ffec00, #ffcc00); /* Blend color from #ffec00 to #ffcc00 */
+  padding: 20px;
+  display: flex; /* Use flexbox to layout the children horizontally */
+  align-items: center; /* Align children vertically in the center */
+  justify-content: flex-start; /* Align children to the start (left) */
+}
   .header img {
     width: 125px;
     margin-right: 20px; /* Add some space between the image and the following content */