<style> 
.shake1 {
    animation-name: shake1;
}

.shake2 {
    animation-name: shake2;
}

.shake3 {
    animation-name: shake3;
}

.shake4 {
    animation-name: shake4;
}

.shake5 {
    animation-name: shake5;
}

@keyframes shake1 {
    0% {
        transform: translate(1px, -1px) rotate(5deg);
    }
    10% {
        transform: translate(-1px, -1px) rotate(-5deg);
    }
    20% {
        transform: translate(-2px, 0px) rotate(10deg);
    }
    30% {
        transform: translate(2px, -1px) rotate(-10deg);
    }
    40% {
        transform: translate(1px, -1px) rotate(15deg);
    }
    50% {
        transform: translate(1px, -2px) rotate(-15deg);
    }
    60% {
        transform: translate(-1px, -1px) rotate(20deg);
    }
    70% {
        transform: translate(-2px, 0px) rotate(-20deg);
    }
    80% {
        transform: translate(-1px, -1px) rotate(25deg);
    }
    90% {
        transform: translate(0px, -1px) rotate(-25deg);
    }
    100% {
        transform: translate(1px, -1px) rotate(30deg);
    }
}

@keyframes shake2 {
    0% {
        transform: translate(2px, 2px) rotate(5deg);
    }
    10% {
        transform: translate(-2px, -2px) rotate(-5deg);
    }
    20% {
        transform: translate(-3px, 0px) rotate(10deg);
    }
    30% {
        transform: translate(3px, 2px) rotate(-10deg);
    }
    40% {
        transform: translate(2px, -1px) rotate(15deg);
    }
    50% {
        transform: translate(-2px, 2px) rotate(-15deg);
    }
    60% {
        transform: translate(-3px, 1px) rotate(20deg);
    }
    70% {
        transform: translate(3px, -1px) rotate(-20deg);
    }
    80% {
        transform: translate(2px, 1px) rotate(25deg);
    }
    90% {
        transform: translate(-2px, -1px) rotate(-25deg);
    }
    100% {
        transform: translate(2px, -2px) rotate(30deg);
    }
}

@keyframes shake3 {
    0% {
        transform: translate(1px, -1px) rotate(10deg);
    }
    10% {
        transform: translate(-1px, 1px) rotate(-10deg);
    }
    20% {
        transform: translate(2px, -1px) rotate(20deg);
    }
    30% {
        transform: translate(-2px, 1px) rotate(-20deg);
    }
    40% {
        transform: translate(2px, -1px) rotate(30deg);
    }
    50% {
        transform: translate(-2px, 1px) rotate(-30deg);
    }
    60% {
        transform: translate(2px, -1px) rotate(40deg);
    }
    70% {
        transform: translate(-2px, 1px) rotate(-40deg);
    }
    80% {
        transform: translate(2px, -1px) rotate(50deg);
    }
    90% {
        transform: translate(-2px, 1px) rotate(-50deg);
    }
    100% {
        transform: translate(2px, -1px) rotate(60deg);
    }
}

@keyframes shake4 {
    0% {
        transform: translate(2px, 2px) rotate(10deg);
    }
    10% {
        transform: translate(-2px, -2px) rotate(-10deg);
    }
    20% {
        transform: translate(-4px, 2px) rotate(20deg);
    }
    30% {
        transform: translate(4px, -2px) rotate(-20deg);
    }
    40% {
        transform: translate(2px, 2px) rotate(30deg);
    }
    50% {
        transform: translate(-2px, -2px) rotate(-30deg);
    }
    60% {
        transform: translate(-4px, 2px) rotate(40deg);
    }
    70% {
        transform: translate(4px, -2px) rotate(-40deg);
    }
    80% {
        transform: translate(2px, 2px) rotate(50deg);
    }
    90% {
        transform: translate(-2px, -2px) rotate(-50deg);
    }
    100% {
        transform: translate(2px, -2px) rotate(60deg);
    }
}

@keyframes shake5 {
    0% {
        transform: translate(1px, -1px) rotate(15deg);
    }
    10% {
        transform: translate(-1px, 1px) rotate(-15deg);
    }
    20% {
        transform: translate(3px, -1px) rotate(30deg);
    }
    30% {
        transform: translate(-3px, 1px) rotate(-30deg);
    }
    40% {
        transform: translate(3px, -1px) rotate(45deg);
    }
    50% {
        transform: translate(-3px, 1px) rotate(-45deg);
    }
    60% {
        transform: translate(3px, -1px) rotate(60deg);
    }
    70% {
        transform: translate(-3px, 1px) rotate(-60deg);
    }
    80% {
        transform: translate(3px, -1px) rotate(75deg);
    }
    90% {
        transform: translate(-3px, 1px) rotate(-75deg);
    }
    100% {
        transform: translate(3px, -1px) rotate(90deg);
    }
}

</style>