@keyframes glow {
    0% { box-shadow: 0 0 5px red; }
    50% { box-shadow: 0 0 20px red; }
    100% { box-shadow: 0 0 5px red; }
}

.glow-red {
    animation: glow 1s ease-in-out;
}
@keyframes glow-green {
    0% { box-shadow: 0 0 5px green; }
    50% { box-shadow: 0 0 20px green; }
    100% { box-shadow: 0 0 5px green; }
}

.glow-green {
    animation: glow-green 1s ease-in-out;
}

.flip-card-back, .flip-card-edit-back {
    transform: rotateY(180deg);
    z-index: 9;
}

.flipped .flip-card-front, .flipped .flip-card-edit-front {
    transform: rotateY(180deg);
    z-index: 0;
}

.flipped .flip-card-back, .flipped .flip-card-edit-back {
    transform: rotateY(0deg);
    z-index: 9;
}