@keyframes fireanimation {
    0% {
        border: 3px solid rgba(240, 240, 240, 0.586);
    }
    30% {
        border: 3px solid rgb(255, 126, 20);
    }
    60% {
        border: 3px solid rgb(235, 57, 57);
    }
}

@keyframes rainbowsinglecard {
    0% {
        border: 3px solid rgba(240, 240, 240, 0.586);
    }
    20% {
        border: 3px solid rgb(255, 20, 20);
    }
    40% {
        border: 3px solid rgb(80, 61, 249);
    }
    60% {
        border: 3px solid rgb(43, 255, 20);
    }
}

@keyframes rainbowShadow {
    0% {
        border: 3px solid rgb(240, 240, 240, 0.3);
    }
    20% {
        box-shadow: 0 0 3px 3px rgb(255, 68, 0); /* Orange */
    }
    40% {
        box-shadow: 0 0 3px 3px rgb(255, 255, 0); /* Gelb */
    }
    60% {
        box-shadow: 0 0 3px 3px rgb(0, 255, 0); /* Grün */
    }
    80% {
        box-shadow: 0 0 3px 3px rgb(0, 0, 255); /* Blau */
    }
}

@keyframes electricanimation {
    0% {
        border: 3px solid rgba(240, 240, 240, 0.586);
    }
    50% {
        border: 3px solid rgb(255, 211, 51);
    }
}

@keyframes rotateScale { 
    0% { 
        transform: rotate(0deg) scale(1); 
    } 
    50% { 
        transform: rotate(180deg) scale(1.2); 
    } 
    100% { 
        transform: rotate(360deg) scale(1); 
    } 
}