html{
    
    cursor:none;
}
body{
    overflow-x: hidden;
    cursor:none;
}

.cursor-dot,
.cursor-dot-outline {
  
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    opacity: 0;
    
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease-in-out,
                transform 0.3s ease-in-out;
				
}

.cursor-dot {
    width: 8px;
    height: 8px;
    background:var(--pom);
    
   /* border:2px solid #ffffff;*/
	z-index:99;
	
}

.cursor-dot-outline {
    overflow: hidden;
    width: 18px;
    height: 18px;
    mix-blend-mode: difference;
    background:#515151;
    /*border:4px solid #952837;*/
	z-index:10;
}