/* cursor */

/* Cursor Styles */
.cursor {
  pointer-events: none;
  position: absolute;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  border-radius: 50%;
  background: #eb5a3900; /* 주황색 배경색 적용 */
  border: 1px solid #fff;
  will-change: left, top, transform, background; 
  transition: linear 20ms;
  transform: translateZ(0);
  z-index: 99999;
  /* Hide Element */
  left: -500%;
}

.true-cursor {
  background: #ffffff2f; /* 배경색 적용 */
}

/* Cursor animations: True Cursor */
@keyframes truepointeron {
  0% {
      transform: scale(1);
      background: #ffffff2f; /* 배경색 적용 */
  }
  100% {
      transform: scale(0.3);
      background: #ffffff;   /* 응축 */

  }
}

@keyframes truepointeroff {
  0% {
      transform: scale(0.3);
      background: #ffffff;
  }
  100% {
      transform: scale(1);
      background: #ffffff2f; /* 배경색 적용 */
  }
}

/* Cursor animations: Gooey Cursor */
@keyframes goopointeron {
  0% {
      transform: scale(1);
      background: #ffffff2f; /* 배경색 적용 */
  }
  100% {
      transform: scale(0);
      background: #ffffff;
  }
}

@keyframes goopointeroff {
  0% {
      transform: scale(0);
      background: #ffffff;
  }
  100% {
      transform: scale(1);
      background:#ffffff2f; /*배경색 적용 */
  }
}

/* Apply cursor effect to all elements */
* {
  cursor: none;
}