Merge pull request #3563 from Chitrakadyan2005/main

Shortened the tail of animation of cursor

index.html

@@ -36,12 +36,12 @@
 
     .cursor {
         position: absolute;
-        width: 15px; /* Circle size */
-        height: 15px; /* Circle size */
-        background-color: rgba(255, 165, 0, 0.8); /* Orange color */
-        border-radius: 50%; /* Circular shape */
+        width: 6px; /* Circle size */
+        height: 6px; /* Circle size */
+        background-color: rgba(255, 165, 0, 0.6); /* Orange color */
+        border-radius: 10%; /* Circular shape */
         pointer-events: none; /* Prevent interaction */
-        transform: translate(-50%, -50%); /* Center the circle */
+        transform: translate(-10%, -10%); /* Center the circle */
         transition: transform 0.1s ease-out; /* Smooth movement */
     }
     :root {
@@ -1383,12 +1383,12 @@
 
     .cursor {
         position: absolute;
-        width: 15px; /* Circle size */
-        height: 15px; /* Circle size */
+        width: 6px; /* Circle size */
+        height: 6px; /* Circle size */
         background-color: rgba(255, 165, 0, 0.8); /* Orange color */
-        border-radius: 50%; /* Circular shape */
+        border-radius: 10%; /* Circular shape */
         pointer-events: none; /* Prevent interaction */
-        transform: translate(-50%, -50%); /* Center the circle */
+        transform: translate(-10%, -10%); /* Center the circle */
         transition: transform 0.1s ease-out; /* Smooth movement */
     }
     :root {
@@ -6444,8 +6444,8 @@ <h1>Privacy Notice</h1>
 
       // Get the next circle in the sequence
       const nextCircle = circles[index + 1] || circles[0];
-      x += (nextCircle.x - x) * 0.3;
-      y += (nextCircle.y - y) * 0.3;
+      x += (nextCircle.x - x) * 0.15;
+      y += (nextCircle.y - y) * 0.15;
     });
 
     // Repeat the animation
@@ -6463,7 +6463,7 @@ <h1>Privacy Notice</h1>
     right: 45px;
     top: 40%;
     transform: translateY(-50%);
-    background :linear-gradient(hwb(357 6% 36%),#d26d6d);
+    background :linear-gradient(hwb(357 6% 30%),#d26d6d);
     color: white;
     border: none;
     border-radius: 50%; /* Make it circular */