@keyframes pupil {
    0% {transform: translate(0px, 0px)}
    25% {transform: translate(0px, -10px)}
    50% {transform: translate(-10px, -10px)}
    75% {transform: translate(-10px, 0px)}
    100% {transform: translate(0, 0px)}
}
@keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
                transform: translate(0);
    }
    20% {
        -webkit-transform: translate(-2px, 2px);
                transform: translate(-2px, 2px);
    }
    40% {
        -webkit-transform: translate(-2px, -2px);
                transform: translate(-2px, -2px);
    }
    60% {
        -webkit-transform: translate(2px, 2px);
                transform: translate(2px, 2px);
    }
    80% {
        -webkit-transform: translate(2px, -2px);
                transform: translate(2px, -2px);
    }
    100% {
        -webkit-transform: translate(0);
                transform: translate(0);
    }
}
@keyframes grow_width {
    0% {transform: scaleX(0); opacity: 0;}
    100% {transform: scaleX(1); opacity: 1;}
}
@keyframes modal_appear {
    0% {
        transform: scale(0);
        box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.1);
    }
    100% {
        transform: scale(1);
        box-shadow: 0px 0px 12px 8px rgba(0,0,0,0.8);
    }
}