.shake {
    animation: 0.5s ease-in-out shake-frames;
}

@keyframes shake-frames {
    from {
        margin-left: 0;
        margin-right: 0;
    }

    10% {
        margin-left: -10px;
        margin-right: 10px;
    }

    20% {
        margin-left: 8px;
        margin-right: -8px;
    }

    30% {
        margin-left: -7px;
        margin-right: 7px;
    }

    40% {
        margin-left: 6px;
        margin-right: -6px;
    }

    50% {
        margin-left: -5px;
        margin-right: 5px;
    }

    60% {
        margin-left: 4px;
        margin-right: -4px;
    }

    70% {
        margin-left: -3px;
        margin-right: 3px;
    }

    80% {
        margin-left: 2px;
        margin-right: -2px;
    }

    90% {
        margin-left: -1px;
        margin-right: 1px;
    }


    to {
        margin-left: 0;
        margin-right: 0;
    }
}