#darkness{
    position: fixed;
    
    left:0;
    top:0;
    
    width: 100vw;
    height: 100dvh;

    z-index: 2;
    mix-blend-mode: hard-light;
    opacity: 0.4;
    overflow: hidden;
    border-radius: 2vw;
    backdrop-filter: brightness(1.2) saturate(2);
}
ul{
    position: relative;
}
.zone>div p, .zone>div h1, .zone>div h2, .zone>div h3, .zone>div h4, .zone>div img, .zone>div ul,button span{
    position: relative;
    z-index: 10;
}
button:hover{
    z-index: 10;
}
#darkness, #darkness>canvas{
    position: absolute;
    border-radius: 0 !important;
    pointer-events: none;
}
#darkness>#lightMouse{
    z-index: 1;
}
#darkness>#lightDark{
    z-index: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(69, 0, 69);
}