.container.is--hero, .cursor { pointer-events: none; } .container.is--hero * { pointer-events: auto; } .cursor_dot.show { opacity: 1.0; } .cursor_dot.show .cursor_scale { transform: scale(1.0); } .cursor_dot.show .cursor_audio { opacity: 1.0; } .cursor_dot.alt .cursor_scale { transform: scale(1.2); opacity: 0.0; } .cursor_dot.alt .cursor_audio { transition-duration: 0ms; opacity: 0.0; } .cursor_dot.alt .cursor_two { opacity: 1.0; } .cursor_spin { will-change: transform; animation: spin 10s linear infinite; /* manipulate the speed of the marquee by changing "40s" line above*/ } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }