/*
 * Phone Shake Animation
 *
 * @package Studiare_Child
 */

@keyframes phone_shake {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-10deg); }
    30%  { transform: rotate(8deg); }
    40%  { transform: rotate(-8deg); }
    50%  { transform: rotate(5deg); }
    60%  { transform: rotate(-5deg); }
    70%  { transform: rotate(3deg); }
    80%  { transform: rotate(-3deg); }
    90%  { transform: rotate(1deg); }
    100% { transform: rotate(0deg); }
}

.phone_shake {
    animation-delay: 1s;
    animation: phone_shake 1s ease-in-out 5;
    transform-origin: bottom center;
}