Update index.html

index.html

@@ -27,26 +27,26 @@
            -------------------------------------------------------------
         */
 
-        /* Pulse animation: fade in/out repeatedly */
-        @keyframes pulse {
-            0% { opacity: 0.8; }
-            50% { opacity: 1; }
-            100% { opacity: 0.8; }
-        }
-
-        /* Float animation: move element up and down */
-        @keyframes float {
-            0% { transform: translateY(0px); }
-            50% { transform: translateY(-10px); }
-            100% { transform: translateY(0px); }
-        }
-
-        /* Glow animation: change box-shadow intensity */
-        @keyframes glow {
-            0% { box-shadow: 0 0 10px rgba(99, 102, 241, 0.5); }
-            50% { box-shadow: 0 0 20px rgba(99, 102, 241, 0.8); }
-            100% { box-shadow: 0 0 10px rgba(99, 102, 241, 0.5); }
-        }
+/* Pulse animation: fade in/out more noticeably */
+@keyframes pulse {
+    0%   { opacity: 0.6; }   /* start a bit more transparent */
+    50%  { opacity: 1; }     /* full opacity at midpoint */
+    100% { opacity: 0.6; }   /* fade back to more transparent */
+}
+
+/* Float animation: move element up and down by 20px instead of 10px */
+@keyframes float {
+    0%   { transform: translateY(0px); }
+    50%  { transform: translateY(-20px); }  /* twice the original vertical travel */
+    100% { transform: translateY(0px); }
+}
+
+/* Glow animation: increase box-shadow spread to 20px ⇄ 40px */
+@keyframes glow {
+    0%   { box-shadow: 0 0 20px rgba(99, 102, 241, 0.5); }
+    50%  { box-shadow: 0 0 40px rgba(99, 102, 241, 0.8); }
+    100% { box-shadow: 0 0 20px rgba(99, 102, 241, 0.5); }
+}
 
         /* Apply float and glow to the “conscious orb” icon */
         .conscious-orb {