body {
}
.cursor {
    position: fixed;
    background: black;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    z-index: 2;
    transform: translate(-50%, -50%) scale(0.2);
    transition: 0.3s cubic-bezier(0.75, 0, 0.3, 2.33) transform;
    user-select: none;
    pointer-events: none;
    opacity: 0;
}
.cursor.active {
    background: white;
    background-image: url("../img/View-Cursor.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.cursor.active.cursorAnimate {
    -webkit-animation: cursorResize 0.2s 0s 1 linear normal;
    animation: cursorResize 0.2s 0s 1 linear normal;
}
.cursor.activeNext {
    background: white;
    background-image: url("../img/Next-Cursor.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.cursor.activeNext.cursorAnimate {
    -webkit-animation: cursorResize 0.2s 0s 1 linear normal;
    animation: cursorResize 0.2s 0s 1 linear normal;
}
.cursor-follower {
    position: fixed;
    background: black;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    z-index: 4;
    transition: 0.3s cubic-bezier(0.75, 0, 0.3, 2.33) transform,
        0.3s cubic-bezier(0.75, 0, 0.3, 2.33) opacity;
    user-select: none;
    pointer-events: none;
    transform: translate(-50%,-50%) scale(0.2);
}

.cursor-follower.active {
    opacity: 0;
    background: white;
    transform: translate(-50%,-50%) scale(0.5);
}
.cursor-follower.activeMenu{
    transform: translate(-50%,-50%) scale(0.8);
    z-index: 1;
}
.cursor-follower.activeMenu.cursorAnimate {
    -webkit-animation: cursorResize 0.2s 0s 1 linear normal;
    animation: cursorResize 0.2s 0s 1 linear; normal;
}
@media (max-width: 768px) {
    .cursor-follower {
        display: none;
    }
}
@keyframes cursorResize {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50%{
    transform: translate(-50%, -50%) scale(0.5);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}