Update index.html

index.html

@@ -27,25 +27,46 @@
            -------------------------------------------------------------
         */
 
-/* Pulse animation: fade in/out with a more dramatic range (0.4 → 1 → 0.4) */
+/* ————————————————————————————————————————
+   1) Pulse: fade between 0.2 ↔ 1 opacity (very dramatic)
+———————————————————————————————————————— */
 @keyframes pulse {
-    0%   { opacity: 0.4; }
-    50%  { opacity: 1; }
-    100% { opacity: 0.4; }
+    0%   { opacity: 0.2; }
+    50%  { opacity: 1;   }
+    100% { opacity: 0.2; }
 }
 
-/* Float animation: move element up and down by 40px (double of 20px) */
+/* ————————————————————————————————————————
+   2) Float: move element up and down by 80px
+   (original was ±10px; we’re now doing ±80px)
+———————————————————————————————————————— */
 @keyframes float {
-    0%   { transform: translateY(0px); }
-    50%  { transform: translateY(-40px); }
-    100% { transform: translateY(0px); }
+    0%   { transform: translateY(0px);   }
+    50%  { transform: translateY(-80px); }
+    100% { transform: translateY(0px);   }
 }
 
-/* Glow animation: increase box-shadow spread to 40px ⇄ 80px (double of 20px ⇄ 40px) */
+/* ————————————————————————————————————————
+   3) Glow: box‐shadow going from 80px ⇄ 160px blur
+   (original was 10px ⇄ 20px; we’re now doing 80px ⇄ 160px)
+———————————————————————————————————————— */
 @keyframes glow {
-    0%   { box-shadow: 0 0 40px rgba(99, 102, 241, 0.5); }
-    50%  { box-shadow: 0 0 80px rgba(99, 102, 241, 0.8); }
-    100% { box-shadow: 0 0 40px rgba(99, 102, 241, 0.5); }
+    0%   { box-shadow: 0 0  80px rgba(99, 102, 241, 0.5); }
+    50%  { box-shadow: 0 0 160px rgba(99, 102, 241, 0.8); }
+    100% { box-shadow: 0 0  80px rgba(99, 102, 241, 0.5); }
+}
+
+/* ————————————————————————————————————————
+   Make sure your “.conscious-orb” (or whatever class
+   you’re animating) still points to these keyframes.
+   For example:
+———————————————————————————————————————— */
+.conscious-orb {
+    /* Adjust timing however you like; these are just examples */
+    animation: 
+       float 6s ease-in-out infinite,
+       glow  3s ease-in-out infinite,
+       pulse 2s ease-in-out infinite; /* you can add pulse as well */
 }
 
         /* Apply float and glow to the “conscious orb” icon */