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

    25% {
        -webkit-transform: translate(-20px,20px) rotate(10deg);
        transform: translate(-20px,20px) rotate(10deg);
    }

    50% {
        -webkit-transform: translate(10px,-10px) rotate(-25deg);
        transform: translate(10px,-10px) rotate(-25deg);
    }

    75% {
        -webkit-transform: translate(30px,-10px) rotate(15deg);
        transform: translate(30px,-10px) rotate(15deg);
    }

    to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }
}

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

    25% {
        -webkit-transform: translate(-20px,20px) rotate(10deg);
        transform: translate(-20px,20px) rotate(10deg);
    }

    50% {
        -webkit-transform: translate(10px,-10px) rotate(-25deg);
        transform: translate(10px,-10px) rotate(-25deg);
    }

    75% {
        -webkit-transform: translate(30px,-10px) rotate(15deg);
        transform: translate(30px,-10px) rotate(15deg);
    }

    to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }
}
@-webkit-keyframes rotatedelement1 {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }

    25% {
        -webkit-transform: translate(30px,30px) rotate(-10deg);
        transform: translate(30px,30px) rotate(-10deg);
    }

    50% {
        -webkit-transform: translate(5px,-25px) rotate(-30deg);
        transform: translate(5px,-25px) rotate(-30deg);
    }

    75% {
        -webkit-transform: translate(-10px,10px) rotate(10deg);
        transform: translate(-10px,10px) rotate(10deg);
    }

    to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }
}

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

    25% {
        -webkit-transform: translate(30px,30px) rotate(-10deg);
        transform: translate(30px,30px) rotate(-10deg);
    }

    50% {
        -webkit-transform: translate(5px,-25px) rotate(-30deg);
        transform: translate(5px,-25px) rotate(-30deg);
    }

    75% {
        -webkit-transform: translate(-10px,10px) rotate(10deg);
        transform: translate(-10px,10px) rotate(10deg);
    }

    to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }
}
@-webkit-keyframes rotatedelement12 {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }

    25% {
        -webkit-transform: translate(-30px,30px) rotate(-15deg);
        transform: translate(-30px,30px) rotate(-15deg);
    }

    50% {
        -webkit-transform: translate(20px,-20px) rotate(10deg);
        transform: translate(20px,-20px) rotate(10deg);
    }

    75% {
        -webkit-transform: translate(-10px,10px) rotate(-10deg);
        transform: translate(-10px,10px) rotate(-10deg);
    }

    to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }
}

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

    25% {
        -webkit-transform: translate(-30px,30px) rotate(-15deg);
        transform: translate(-30px,30px) rotate(-15deg);
    }

    50% {
        -webkit-transform: translate(20px,-20px) rotate(10deg);
        transform: translate(20px,-20px) rotate(10deg);
    }

    75% {
        -webkit-transform: translate(-10px,10px) rotate(-10deg);
        transform: translate(-10px,10px) rotate(-10deg);
    }

    to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }
}
@-webkit-keyframes rotatedelementlong {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }

    25% {
        -webkit-transform: translate(-60px,60px) rotate(20deg);
        transform: translate(-60px,60px) rotate(20deg);
    }

    50% {
        -webkit-transform: translate(40px,-20px) rotate(-20deg);
        transform: translate(40px,-20px) rotate(-20deg);
    }

    75% {
        -webkit-transform: translate(-60px,-60px) rotate(10deg);
        transform: translate(-60px,-60px) rotate(10deg);
    }

    to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }
}

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

    25% {
        -webkit-transform: translate(-60px,60px) rotate(20deg);
        transform: translate(-60px,60px) rotate(20deg);
    }

    50% {
        -webkit-transform: translate(40px,-20px) rotate(-20deg);
        transform: translate(40px,-20px) rotate(-20deg);
    }

    75% {
        -webkit-transform: translate(-60px,-60px) rotate(10deg);
        transform: translate(-60px,-60px) rotate(10deg);
    }

    to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }
}

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

    25% {
        -webkit-transform: translate(60px,-60px) rotate(30deg);
        transform: translate(60px,-60px) rotate(30deg);
    }

    50% {
        -webkit-transform: translate(-20px,20px) rotate(-20deg);
        transform: translate(-20px,20px) rotate(-20deg);
    }

    75% {
        -webkit-transform: translate(-60px,60px) rotate(10deg);
        transform: translate(-60px,60px) rotate(10deg);
    }

    to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }
}

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

    25% {
        -webkit-transform: translate(60px,-60px) rotate(30deg);
        transform: translate(60px,-60px) rotate(30deg);
    }

    50% {
        -webkit-transform: translate(-20px,20px) rotate(-20deg);
        transform: translate(-20px,20px) rotate(-20deg);
    }

    75% {
        -webkit-transform: translate(-60px,60px) rotate(10deg);
        transform: translate(-60px,60px) rotate(10deg);
    }

    to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
    }
}