@keyframes incorrect {
    0% {
        transform: translateX(0px);
    }

    25% {
        transform: translateX(-5px);
    }

    75% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes correct {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.incorrect {
    animation-timing-function: linear;
    animation: incorrect 0.15s;
}

.correct {
    animation-timing-function: linear;
    animation: correct 0.15s 2;
}