diff --git a/index.html b/index.html
index 15b4a1b..7bcbf13 100644
--- a/index.html
+++ b/index.html
@@ -84,7 +84,45 @@
         <div class="circle"></div>
         <div class="circle"></div>
     </div>
-    <script src="trail.js"></script>
+    <script>
+        document.addEventListener("DOMContentLoaded", function () {
+            const coords = { x: 0, y: 0 };
+            const circles = document.querySelectorAll(".circle");
+
+            circles.forEach(function (circle) {
+                circle.x = 0;
+                circle.y = 0;
+            });
+
+            window.addEventListener("mousemove", function (e) {
+                coords.x = e.pageX;
+                coords.y = e.pageY - window.scrollY; // Adjust for vertical scroll position
+            });
+
+            function animateCircles() {
+                let x = coords.x;
+                let y = coords.y;
+
+                circles.forEach(function (circle, index) {
+                    circle.style.left = `${x - 12}px`;
+                    circle.style.top = `${y - 12}px`;
+                    circle.style.transform = `scale(${(circles.length - index) / circles.length})`;
+
+                    const nextCircle = circles[index + 1] || circles[0];
+                    circle.x = x;
+                    circle.y = y;
+
+                    x += (nextCircle.x - x) * 0.3;
+                    y += (nextCircle.y - y) * 0.3;
+                });
+
+                requestAnimationFrame(animateCircles);
+            }
+
+            animateCircles();
+        });
+
+    </script>
 </body>
 
 
diff --git a/src/main.css b/src/main.css
index 84def9d..b5623af 100644
--- a/src/main.css
+++ b/src/main.css
@@ -25,7 +25,6 @@
 body {
   background-color: var(--bg-color);
   color: var(--text-color);
-  cursor: none;
 }
 
 .navbar {
diff --git a/trail.js b/trail.js
deleted file mode 100644
index 344107f..0000000
--- a/trail.js
+++ /dev/null
@@ -1,36 +0,0 @@
-document.addEventListener("DOMContentLoaded", function () {
-  const coords = { x: 0, y: 0 };
-  const circles = document.querySelectorAll(".circle");
-
-  circles.forEach(function (circle) {
-    circle.x = 0;
-    circle.y = 0;
-  });
-
-  window.addEventListener("mousemove", function (e) {
-    coords.x = e.pageX;
-    coords.y = e.pageY - window.scrollY; // Adjust for vertical scroll position
-  });
-
-  function animateCircles() {
-    let x = coords.x;
-    let y = coords.y;
-
-    circles.forEach(function (circle, index) {
-      circle.style.left = `${x - 12}px`;
-      circle.style.top = `${y - 12}px`;
-      circle.style.transform = `scale(${(circles.length - index) / circles.length})`;
-
-      const nextCircle = circles[index + 1] || circles[0];
-      circle.x = x;
-      circle.y = y;
-
-      x += (nextCircle.x - x) * 0.3;
-      y += (nextCircle.y - y) * 0.3;
-    });
-
-    requestAnimationFrame(animateCircles);
-  }
-
-  animateCircles();
-});