@import url(https://fonts.googleapis.com/css?family=Lobster);

html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(#353b48, #8c7ae6);
    display: flex;
    justify-content: center;
    align-items: center;
}

h1 {
    cursor: default;
}

span {
    position: relative;
    font-size: 100px;
    font-family: "Lobster", serif;
    color: #fff;
    text-shadow: 0 2px 0 #ccc,
        0 3px 0 #ccc,
        0 4px 0 #ccc,
        0 5px 0 #ccc,
        0 10px 10px rgba(0, 0, 0, .4);
    animation: jump .3s infinite alternate;
}

span:nth-child(2) {
    animation-delay: .1s;
}

span:nth-child(3) {
    animation-delay: .2s;
}

span:nth-child(4) {
    animation-delay: .3s;
}

span:nth-child(5) {
    animation-delay: .4s;
}

span:nth-child(6) {
    animation-delay: .5s;
}

@keyframes jump {
    100% {
        top: -20px;
        text-shadow: 0 6px 0 #ccc,
            0 7px 0 #ccc,
            0 8px 0 #ccc,
            0 9px 0 #ccc,
            0 50px 25px rgba(0, 0, 0, .2);
    }
}