*,::before,::after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins',sans-serif;
}
body{
    cursor: none;
    min-height: 100vh;
    overflow: hidden;
    background: #222;
    background-image: linear-gradient(to right, #333 1px,transparent, 1px), 
    linear-gradient(to bottom, #333 1px,transparent, 1px);
    background-size: 40px 40px;
}
#cursor{
    position: fixed;
    background: url(../media/imgCursor/livreOuvertPetit.png)  ;
    object-fit: cover;
    width:200px;
    height: 153px;
    transform-origin: center;
    transform: scale(0.3);
    /* width: 25px;
    height: 25px;
    border-top: 4px solid #000;
    border-left: 4px solid #000;
    transform-origin: top;
    transform: translate(-1px, 4px) rotate(15deg) scale(0);
    transition: transform 0.1s;
    filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #fff) drop-shadow(0 0 35px #fff) hue-rotate(60deg); */
}
#cursor::before{
    content: '';
    /* position: absolute;
    left: -2.5px;
    width: 4px;
    height: 35px;
    background: #000;
    transform-origin: top;
    transform: rotate(315deg); */
}
body:hover #cursor{
    /* transform: translate(-1px, 5px) rotate(15deg) scale(0.7); */
}
.element{
    z-index: 10;
    font-size:2em;
    position: absolute;
    transform: translate(20px,5px);
    color: #fff;
    pointer-events: none;
    width: 10px;
    height: 10px;
    transition: 1s;
    filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 25px #fff) hue-rotate(60deg);
}