#cursor {
  position: fixed;
  top: var(--cursor-y); /* Custom property for Y-axis */
  left: var(--cursor-x); /* Custom property for X-axis */
  width: 96px;
  height: 96px;
  pointer-events: none;
  transform-origin: center;
  transform: translate(-50%, -50%);
  z-index: 1000;
  will-change: transform; /* Enables smoother transformations */
  transition: all cubic-bezier(0, 0, 0, 1) 0.5s;
}

body {
  cursor: none !important; /* Hide the default cursor */
}

html {
  --cursor-x: 0px;
  --cursor-y: 0px;
}