.animation{
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
}

.keyframe0{
    animation-name: anim_po;
    position: absolute;
}

@keyframes anim_po {
    0% {
        top: 0px;
    }
    100% {
        top: -15px;
    }
}

.keyframe1{
    animation-name: anim_v;
}

@keyframes anim_v {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, -15px);
    }
}

.keyframe2{
    animation-name: anim_h;
}

@keyframes anim_h {
    0% {
        transform: translate(0px, 0);
    }
    100% {
        transform: translate(15px, 0);
    }
}

.keyframe3{
    animation-name: anim_s;
    transform: rotate(30deg);
    animation-duration: 5s;
}

@keyframes anim_s {
    50% {
        transform: rotate(-30deg);
    }
    100% {
        transform: rotate(30deg);
    }
}

.keyframe4{
    animation-name: anim_r;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-direction: normal;
}

@keyframes anim_r {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);

    }
}

.keyframe5{
    animation-name: anim_sc;
    transform: scale(0.85,0.85);
}

@keyframes anim_sc {
    100% {
        transform: scale(1,1);

    }
}