diff --git a/index.html b/index.html
index 5d812d3..29d9d04 100644
--- a/index.html
+++ b/index.html
@@ -66,15 +66,16 @@
 
         @keyframes colorChange {
             0% {
-                color: gold;
+                background: -webkit-linear-gradient(45deg, gold, blue);
             }
             50% {
-                color: blue;
+                background: -webkit-linear-gradient(45deg, blue, gold);
             }
             100% {
-                color: gold;
+                background: -webkit-linear-gradient(45deg, gold, blue);
             }
         }
+
         /* New styles for section headings */
         .animated-heading {
             font-weight: bold;
@@ -88,13 +89,13 @@
 
         @keyframes headingColorChange {
             0% {
-                color: lightblue;
+                background: -webkit-linear-gradient(45deg, lightblue, lightpurple);
             }
             50% {
-                color: lightpurple;
+                background: -webkit-linear-gradient(45deg, lightpurple, lightblue);
             }
             100% {
-                color: lightblue;
+                background: -webkit-linear-gradient(45deg, lightblue, lightpurple);
             }
         }
     </style>