/* hide default cursor */
body{
cursor:none;
}

/* main cursor */
.custom-cursor{
width:10px;
height:10px;
background:#00ffff;
border-radius:50%;
position:fixed;
pointer-events:none;
transform:translate(-50%,-50%);
z-index:9999;
}

/* trailing circle */
.cursor-trail{
width:40px;
height:40px;
border:2px solid #00ffff;
border-radius:50%;
position:fixed;
pointer-events:none;
transform:translate(-50%,-50%);
z-index:9998;
transition:0.15s;
}