.dente-background {
    width: 75px; 
    height: 75px; 
    background-image: url('../imgs/hand1.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: fixed;
    z-index: -1;
}


@keyframes move-right {
    0% { left: 0; }
    100% { left: calc(100vw - 100px); }
}

@keyframes move-left {
    0% { left: calc(100vw - 100px); }
    100% { left: 0; } 
}

@keyframes move-up {
    0% { top: calc(100vh - 100px); }
    100% { top: 0; }
}

@keyframes move-down {
    0% { top: 0; }
    100% { top: calc(100vh - 100px); }
}

.top-bg {
    transform: rotate(45deg); 
    filter: hue-rotate(90deg) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}

.bottom-bg {
    transform: rotate(-45deg); 
    filter: hue-rotate(180deg) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}

.left-bg {
    transform: rotate(135deg); 
    filter: hue-rotate(270deg) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}

.right-bg {
    transform: rotate(-135deg); 
    filter: hue-rotate(0deg) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}