/* CSS Document */

.inner-cursor { 
z-index: 4000;
position: fixed;
left: 30px;
width: 30px;
height: 30px;
transform: translate(-50%, -50%);
background-color: #FFF;
mix-blend-mode: difference;
border-radius: 50%;
pointer-events: none;
transition: width 0.5s, height 0.5s;
}

.inner-cursor.grow {
z-index: 4000;
width: 45px;
height: 45px;
transition: width 0.5s, height 0.5s;
}

.outer-cursor {
z-index: 4000;
position: fixed;
left: 30px;
width: 45px;
height: 45px;
transform: translate(-50%, -50%);
border: 2px solid #FFF;
mix-blend-mode: difference;
border-radius: 50%;
pointer-events: none;
/*transition: 0.1s;*/
}
@media screen and (max-width: 940px) {
.inner-cursor { 
display: none;
}

.inner-cursor.grow {
display: none;
}

.outer-cursor {
display: none;
}
}