*{
    transform-origin: center;
    transform-box: fill-box;
}
g.gears{
    animation: rotate-gear 3s linear infinite;
}

#flag{
    animation: blow-flag 3s linear infinite alternate;
}

.heads{
    animation: move-heads 3s linear infinite alternate;

}

.cobs, .stems, .petals{
    transform-origin: bottom;
    animation: move-maize 2s linear infinite alternate;
}

.peanut-svg{
    transform-origin: center;
    animation: shrink-peanut 3s linear infinite alternate;
}

.page {
    animation: flip-page 3s ease-in-out infinite alternate;
    transform-origin: left;
}

.stars{
    animation: rotate-star 3s linear infinite;
    filter:hue-rotate(250);
}

.head{
    animation: move-head 3s linear infinite alternate;
    transform-origin: bottom;
    transform-style: preserve-3d;
}

.clock{
    animation: rotate-clock 10s linear infinite;
    transform-origin: center;
    color: rgb(255, 88, 88);
    color: rgb(0, 141, 110);
}

.highlighter{
    animation: move-highlighter 1s ease-in-out infinite alternate;
}

.entire-rocket {
    animation: animate-rocket 3s ease-in-out infinite alternate;
}

.decorates {
    transform-origin: bottom;
    transform-box: fill-box;
    animation: animate-decorates 3s ease infinite alternate-reverse;
}

.tear{
    animation: move-heads 2s ease infinite;
}
.eyes{
    animation: rotate-eyes 2s ease infinite alternate;
}

.mouth{
    animation: move-mouth 1.5s ease-out infinite alternate;
}
@keyframes rotate-gear{
    from{
        transform: rotateZ(0deg);
    }
    to{
        transform: rotateZ(360deg);
    }
}

@keyframes blow-flag{
    from{
        transform: rotateX(0deg) translate(0);
    }
    to{
        transform: rotateX(360deg) translate(10px);
    }
}

@keyframes move-heads{
    from{
        transform: translateY(0);
    }
    to{
        transform: translateY(100px);
    }
}

@keyframes move-maize{
    from{
        transform: translateY(0);
    }
    to{
        transform: translateY(20px);
    }
}

@keyframes shrink-peanut{
    from{
        transform: scale(.5) rotateZ(-45deg);
    }
    to{
        transform: scale(.7) rotateZ(45deg);
    }
}

@keyframes flip-page{
    from{
        transform: rotateY(30deg) skewX(2deg) translateX(-2px);
    }
    to{
        transform: rotateY(0deg) skewX(0deg) translateX(-2px);
    }
}

@keyframes rotate-star{
    from{
        transform: rotateY(0deg);
    }
    to{
        transform: rotateY(360deg);
    }
}

@keyframes move-head{
    from{
        transform: rotateZ(-45deg);
    }
    to{
        transform: rotateZ(45deg);
    }
}

@keyframes rotate-clock{
    from{
        transform: rotateZ(0deg) rotateY(0deg);
    }
    to{
        transform: rotateZ(360deg) rotateY(360deg);
    }
}

@keyframes animate-rocket{
    from{
        transform: translate(10px, -10px) rotateZ(340deg) rotateY(5deg);
    }
    to{
        transform: translate(0, 0) rotateZ(339deg) rotateY(-5deg);
    }
}

@keyframes animate-decorates{
    from{
        transform: translateX(100px);
    }
    to{
        transform: translateX(-10px);
    }
}
@keyframes move-mouth{
    from{
        transform: translateY(0px) scale(1);

    }
    to{
        transform: translateY(10px) scale(1.3);
    }
}

@keyframes rotate-eyes{
    from{
        transform: scale(1);

    }
    to{
        transform: scale(1.15);
    }
}