.cursor-container {
    position: fixed; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    z-index: 1; 
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

#cursor-point, #cursor-middle, #cursor-out{
    position: absolute;
}

#cursor-point {
    width: 7px; 
    height: 7px; 
    background-color: #ffffff; 
    border-radius: 50%; 
    border-width: 2%;
    border-style: solid;
    border-color:#ffffff;
    pointer-events: none;
    transition: all 0.5s ease-in-out;
}

#cursor-middle {
    width: 45px; 
    height: 45px; 
    background-color: transparent; 
    border-radius: 50%; 
    border-width: 5px;
    border-style: solid;
    border-color:#ffffff;
    pointer-events: none;
    transition: all 0.5s ease-in-out;
}