.jump {
    position: relative;
    -webkit-animation: jump 2s ease-in-out infinite;
    animation: jump 2s ease-in-out infinite;
}

.puls {
    -webkit-animation: puls 3s ease-in-out infinite;
    animation: puls 3s ease-in-out infinite;
}

.bounce {
    -webkit-animation: bounce 4s ease-in-out infinite;
    animation: bounce 4s ease-in-out infinite;
}

.play-rotate {
    -webkit-animation: play-rotate 3s infinite;
    animation: play-rotate 3s infinite;
}

.bg-animation {
    -webkit-animation: bg-animation 25s ease-in-out infinite;
    animation: bg-animation 25s ease-in-out infinite;
}

@-webkit-keyframes jump {
    0% {
        top: 3px;
    }
    50% {
        top: -3px;
    }
    100% {
       top: 3px;
    }
}

@keyframes jump {
    0% {
        top: 3px;
    }
    50% {
        top: -3px;
    }
    100% {
       top: 3px;
    }
}

@-webkit-keyframes puls {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes puls {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    30% {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
    }

    40% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }

    50% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }
    60% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    30% {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
    }

    40% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }

    50% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }
    60% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes play-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }


    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes play-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }


    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes bg-animation {
    0% {
        background-position: top;
    }

    50% {
        background-position: bottom;
    }
    100% {
        background-position: top;
    }
}

@keyframes bg-animation {
    0% {
        background-position: top;
    }

    50% {
        background-position: bottom;
    }
    100% {
        background-position: top;
    }
}