/* Create a custom cursor */
.custom-cursor {
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #2b2b37;
    opacity: 0.3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
    color: #D5796B;
    pointer-events: none;
    cursor: none;
    display: none;
    text-align: center;
    line-height: 100px;
    transform: translate(-50%, -50%); /* Center the cursor */
}

/* Style for the cursor elements */
.cursor-element {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    margin: 2px;
}

.changeColorButton {
    cursor: none;
}