Hello,
I got this code from a website, there the cursor works fine but when I import the code, my cursor is just gone. Whats wrong with the code?
(my URL is panacarevenge.com)
body *{cursor: none!important}
.content{width: 100%; height: 300px}
a{color: #000; margin-right: 20px; transition: all 0.3s}
.menu{margin: 50px}
.cursor{position: relative; width: 40px; height: 40px; float: left; position: relative; top: 7.5px}
.dot-1, .dot-2{width: 7px; height: 7px; background: #ff4136; border-radius: 50%; transition: all 0.3s;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.cursor{position: absolute; z-index: 99999999999999;
pointer-events: none; transform: translate(-50%, -50%);}
.cursor .dot-1.hovered {border-radius: 0; transform: scale(0.14, 5.7); top: 30%; left: 30%}
.cursor .dot-2.hovered {border-radius: 0; transform: scale(5.7, 0.14); top: 30%; left: 30%}