@keyframes frogleftfeet {
    0% {

        transform: translatey(0px) rotate(0deg);
    }

    50% {

        transform: translatex(30px) translatey(-25px) rotate(5deg);
    }

    100% {

        transform: translatey(0px) rotate(0deg);
    }
}

@keyframes head {
    0% {

        transform: translatey(0px) rotate(0deg);
    }

    25% {

        transform: translatex(18px) translatey(-12px) rotate(2.5deg);
    }

    50% {

        transform: translatey(0px) rotate(0deg);
    }

    75% {

        transform: translatex(-52px) translatey(43px) rotate(-8deg);
    }

    100% {

        transform: translatey(0px) rotate(0deg);
    }
}

@keyframes bodyswing {
    0% {

        transform: translatey(0px) rotate(0deg);
    }

    25% {

        transform: translatex(7.5px) translatey(-5px) rotate(1deg);
    }

    50% {

        transform: translatey(0px) rotate(0deg);
    }

    75% {

        transform: translatex(-7.5px) translatey(5px) rotate(-1deg);
    }

    100% {

        transform: translatey(0px) rotate(0deg);
    }
}


@keyframes leftarm {
    0% {

        transform: translatey(0px) translatex(0px);
    }

    25% {

        transform: translatey(4px) translatex(4px);
    }

    50% {

        transform: translatey(2px) translatex(2px);
    }

    75% {

        transform: translatey(4px) translatex(4px);
    }

    100% {

        transform: translatey(0px) translatex(0px);
    }

}

@keyframes frogmouth {
    0% {

        transform: scale(1);
    }

    50% {

        transform: scale(0.8) translatey(1px) translatex(-1px);
    }

    100% {

        transform: scale(1);
    }
}

@keyframes frogrightfeet {
    0% {

        transform: translatey(0px) rotate(0deg);
    }

    50% {

        transform: translatex(-25px) translatey(35px) rotate(-5deg);
    }

    100% {

        transform: translatey(0px) rotate(0deg);
    }
}

@keyframes frogleftarm {
    0% {

        transform: translatey(0px) rotate(0deg);
    }

    50% {

        transform: translatex(5px) translatey(2px) rotate(-10deg);
    }

    100% {

        transform: translatey(0px) rotate(0deg);
    }
}

@keyframes frogleftarm2 {
    0% {

        transform: translatey(0px) rotate(0deg);
    }

    50% {

        transform: translatex(-1px) translatey(4px) rotate(-10deg);
    }

    100% {

        transform: translatey(0px) rotate(0deg);
    }
}

@keyframes nijntjeoog {
    0% {

        transform: scaley(1);
        ;
    }

    45% {

        transform: scaley(1);
        ;
    }

    50% {

        transform: scaley(0.1);
    }

    55% {

        transform: scaley(1);
        ;
    }

    100% {

        transform: scaley(1);
    }
}

@keyframes snuitje {
    91% {
        transform: translate3d(-0.5px, 0, 0);
    }

    92% {
        transform: translate3d(1px, 0, 0);
    }

    93% {
        transform: translate3d(-1px, 0, 0);
    }

    94% {
        transform: translate3d(0.5px, 0, 0);
    }
}

@keyframes armenkikker {
    0% {
        transform: translatex(0px);
        transform: translatey(0px);
    }

    20% {
        transform: translatex(-65px) translatey(65px) rotate(-10deg);
    }

    30% {
        transform: translatex(1px);
        transform: translatey(2px);
    }

    40% {
        transform: translatex(-1px);
    }

    45% {
        transform: translatex(1px);
        transform: translatey(-1px);
    }

    50% {
        transform: translatex(0px);
        transform: translatey(0px);
    }

    65% {
        transform: translatex(48px) translatey(-40px) rotate(8deg);
    }

    75% {
        transform: translatex(1px);
        transform: translatey(2px);
    }

    80% {
        transform: translatex(-1px);
    }

    90% {
        transform: translatex(1px);
        transform: translatey(-1px);
    }
}