@-webkit-keyframes jump {
    0% {top: 0;
        -webkit-animation-timing-function: ease-in;
    }
    40% {}
    50% {top: 6px;
        height: 6px;
        -webkit-animation-timing-function: ease-out;
    }
    55% {top: 8px; height: 4px; border-radius: 70px / 60px;
        -webkit-animation-timing-function: ease-in;}
    65% {top: 4px; height: 6px; border-radius: 70px;
        -webkit-animation-timing-function: ease-out;}
    95% {
        top: 0;
        -webkit-animation-timing-function: ease-in;
    }
    100% {top: 0;
        -webkit-animation-timing-function: ease-in;
    }
}

@-moz-keyframes jump {
    0% {top: 0;
        -moz-animation-timing-function: ease-in;
    }
    40% {}
    50% {top: 6px;
        height: 6px;
        -moz-animation-timing-function: ease-out;
    }
    55% {top: 8px; height: 4px; border-radius: 70px / 60px;
        -moz-animation-timing-function: ease-in;}
    65% {top: 4px; height: 6px; border-radius: 70px;
        -moz-animation-timing-function: ease-out;}
    95% {
        top: 0;
        -moz-animation-timing-function: ease-in;
    }
    100% {top: 0;
        -moz-animation-timing-function: ease-in;
    }
}

@-o-keyframes jump {
    0% {top: 0;
        -o-animation-timing-function: ease-in;
    }
    40% {}
    50% {top: 6px;
        height: 6px;
        -o-animation-timing-function: ease-out;
    }
    55% {top: 8px; height: 4px; border-radius: 70px / 60px;
        -o-animation-timing-function: ease-in;}
    65% {top: 4px; height: 6px; border-radius: 70px;
        -o-animation-timing-function: ease-out;}
    95% {
        top: 0;
        -o-animation-timing-function: ease-in;
    }
    100% {top: 0;
        -o-animation-timing-function: ease-in;
    }
}

@-ms-keyframes jump {
    0% {top: 0;
        -ms-animation-timing-function: ease-in;
    }
    40% {}
    50% {top: 6px;
        height: 6px;
        -ms-animation-timing-function: ease-out;
    }
    55% {top: 8px; height: 4px; border-radius: 70px / 60px;
        -ms-animation-timing-function: ease-in;}
    65% {top: 4px; height: 6px; border-radius: 70px;
        -ms-animation-timing-function: ease-out;}
    95% {
        top: 0;
        -ms-animation-timing-function: ease-in;
    }
    100% {top: 0;
        -ms-animation-timing-function: ease-in;
    }
}

@keyframes jump {
    0% {
        top: 0;
        animation-timing-function: ease-in;
    }
    50% {
        top: 6px;
        height: 6px;
        animation-timing-function: ease-out;
    }
    55% {
        top: 8px;
        height: 4px;
        border-radius: 70px / 60px;
        animation-timing-function: ease-in;
    }
    65% {
        top: 4px;
        height: 6px;
        border-radius: 70px;
        animation-timing-function: ease-out;
    }
    95% {
        top: 0;
        animation-timing-function: ease-in;
    }
    100% {
        top: 0;
        animation-timing-function: ease-in;
    }
}