@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes centered-pulse {
    0% {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
    50% {
        -webkit-transform: translateX(-50%) scale(1.03);
        transform: translateX(-50%) scale(1.03);
    }
    100% {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
}

@-webkit-keyframes centered-pulse {
    0% {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
    50% {
        -webkit-transform: translateX(-50%) scale(1.03);
        transform: translateX(-50%) scale(1.03);
    }
    100% {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
}

@-webkit-keyframes shake {
    0%   { -webkit-transform: translateX(0); }
    20%  { -webkit-transform: translateX(-5px); }
    40%  { -webkit-transform: translateX(5px); }
    60%  { -webkit-transform: translateX(-5px); }
    80%  { -webkit-transform: translateX(5px); }
    100% { -webkit-transform: translateX(0); }
}

@keyframes shake {
    0%   { transform: translateX(0); }
    20%  { transform: translateX(-5px); }
    40%  { transform: translateX(5px); }
    60%  { transform: translateX(-5px); }
    80%  { transform: translateX(5px); }
    100% { transform: translateX(0); }
}

@-webkit-keyframes fire {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    21% {
        opacity: 1;
    }
    23% {
        opacity: 1;
    }
    24% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    61% {
        opacity: 1;
    }
    64% {
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    96% {
        opacity: 0;
    }
    97% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fire {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    21% {
        opacity: 1;
    }
    23% {
        opacity: 1;
    }
    24% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    61% {
        opacity: 1;
    }
    64% {
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    96% {
        opacity: 0;
    }
    97% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes step1 {
    0%   { -webkit-transform: translate(0%); }
    50%  { -webkit-transform: translate(59%, -30%); }
    100% { -webkit-transform: translate(117%, -7%); }
}
@keyframes step1 {
    0%   { transform: translate(0%); }
    50%  { transform: translate(59%, -30%); }
    100% { transform: translate(117%, -7%); }
}

@-webkit-keyframes step2 {
    0%   { -webkit-transform: translate(117%, -7%); }
    50%  { -webkit-transform: translate(177%, -30%); }
    100% { -webkit-transform: translate(238%, -6%); }
}
@keyframes step2 {
    0%   { transform: translate(117%, -7%); }
    50%  { transform: translate(177%, -30%); }
    100% { transform: translate(238%, -6%); }
}

@-webkit-keyframes step3 {
    0%   { -webkit-transform: translate(238%, -6%); }
    50%  { -webkit-transform: translate(298%, -30%); }
    100% { -webkit-transform: translate(358%, -6%); }
}
@keyframes step3 {
    0%   { transform: translate(238%, -6%); }
    50%  { transform: translate(298%, -30%); }
    100% { transform: translate(358%, -6%); }
}

@-webkit-keyframes step4 {
    0%   { -webkit-transform: translate(358%, -6%); }
    50%  { -webkit-transform: translate(418%, -30%); }
    100% { -webkit-transform: translate(479%, -6%); }
}
@keyframes step4 {
    0%   { transform: translate(358%, -6%); }
    50%  { transform: translate(418%, -30%); }
    100% { transform: translate(479%, -6%); }
}

@-webkit-keyframes step5 {
    0%   { -webkit-transform: translate(479%, -6%); }
    50%  { -webkit-transform: translate(539%, -30%); }
    100% { -webkit-transform: translate(600%, -6%); }
}
@keyframes step5 {
    0%   { transform: translate(479%, -6%); }
    50%  { transform: translate(539%, -30%); }
    100% { transform: translate(600%, -6%); }
}

@-webkit-keyframes jump {
    0%   { -webkit-transform: translate(600%, -6%); }
    25%  { -webkit-transform: translate(600%, -20%); }
    50%  { -webkit-transform: translate(600%, -6%); }
    75%  { -webkit-transform: translate(600%, -20%); }
    100% { -webkit-transform: translate(600%, -6%); }
}
@keyframes jump {
    0%   { transform: translate(600%, -6%); }
    25%  { transform: translate(600%, -20%); }
    50%  { transform: translate(600%, -6%); }
    75%  { transform: translate(600%, -20%); }
    100% { transform: translate(600%, -6%); }
}