@keyframes shake {

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

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-3px);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(3px);
    }
}

.shake-button {
    animation: shake 0.3s ease-in-out;
}


@keyframes show-temporarily {
    0% {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

    10% {
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }

    90% {
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }

    100% {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }
}

.showT {
    animation: show-temporarily 7.5s ease-in-out;
}