/* Keyframes */

@keyframes animBrush {
    from {transform:rotate(-15deg);}
    to {transform:rotate(15deg);}
}
@keyframes animPencil {
    from {transform:rotate(-15deg);}
    to {transform:rotate(15deg);}
}
@keyframes animFlask {
    from {transform:rotate(-10deg);}
    to {transform:rotate(10deg);}
}
@keyframes animRuler {
    from {transform:translate(-10px,0px) rotate(-10deg);}
    to {transform:translate(10px,20px) rotate(10deg);}
}
@keyframes animBag {
    from {transform:rotate(-10deg);}
    to {transform:rotate(10deg);}
}
@keyframes animBook {
    from {transform:translate(0px,0px);}
    to {transform:translate(0px,10px);}
}
@keyframes animGlobe {
    from {transform:translate(0px,-5px);}
    to {transform:translate(0px,5px);}
}
@keyframes animLetter {
    from {transform:rotate(-15deg);}
    to {transform:rotate(15deg);}
}
@keyframes animCalculator {
    from {transform:translate(-5px,-5px);}
    to {transform:translate(5px,5px);}
}
@keyframes animRocket {
    from {transform:translate(-5px,-5px);}
    to {transform:translate(5px,5px);}
}
@keyframes animRocketSteam {
    0%   {opacity:0; transform:scale(0.0,0.0);}
    50%  {opacity:1; transform:scale(0.5,0.5);}
    75%  {opacity:0; transform:scale(1.0,1.0);}
    100% {opacity:0; transform:scale(0.0,0.0);}
}
@keyframes animRocketBlast_0 {
    0%   {opacity:0; transform:translate(-2px,-2px);}
    25%  {opacity:1; }
    50%  {opacity:0; transform:translate(2px,2px);}
    75%  {opacity:1; }
    100% {opacity:0; transform:translate(-2px,-2px);}
}
@keyframes animRocketBlast_1 {
    0%   {opacity:1; }
    25%  {opacity:0; }
    50%  {opacity:1; }
    75%  {opacity:0; }
    100% {opacity:1; }
}
@keyframes animStar {
    from {transform:translate(300px,-300px)}
    to {transform:translate(-300px,300px)}
}

/* Elements */

#brush {
    animation-name:animBrush;
    animation-duration:5s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-timing-function:linear;
    transform-box:fill-box;
    transform-origin:center;
}
#pencil {
    animation-name:animPencil;
    animation-duration:2.5s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-timing-function:ease-in-out;
    transform-box:fill-box;
    transform-origin:bottom right;
}
#flask {
    animation-name:animFlask;
    animation-duration:5s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-timing-function:ease-in-out;
    transform-box:fill-box;
    transform-origin:center;
}
#ruler {
    animation-name:animRuler;
    animation-duration:3.5s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-timing-function:ease-in-out;
    transform-box:fill-box;
    transform-origin:center;
}
#bag {
    animation-name:animBag;
    animation-duration:3s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-timing-function:linear;
    transform-box:fill-box;
    transform-origin:center;
}
#book {
    animation-name:animBook;
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-timing-function:ease-in-out;
    transform-box:fill-box;
    transform-origin:center;
}
#globe {
    animation-name:animBook;
    animation-duration:4s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-timing-function:ease-in-out;
    transform-box:fill-box;
    transform-origin:center;
}
#letter {
    animation-name:animLetter;
    animation-duration:4s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-timing-function:ease-in-out;
    transform-box:fill-box;
    transform-origin:center;
}
#calculator {
    animation-name:animCalculator;
    animation-duration:2.5s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-timing-function:ease-in-out;
    transform-box:fill-box;
    transform-origin:center;
}
#rocket {
    animation-name:animRocket;
    animation-duration:4s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-timing-function:ease-in-out;
    transform-box:fill-box;
    transform-origin:center;
}
#rocket #steam {
    animation-name:animRocketSteam;
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-direction:normal;
    animation-timing-function:linear;
    transform-box:fill-box;
    transform-origin:top right;
}
#rocket #vehicle .cls-25 {
    animation-name:animRocketBlast_0;
    animation-duration:0.2s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-timing-function:linear;
    transform-box:fill-box;
    transform-origin:center;
}
#rocket #vehicle .cls-30 {
    animation-name:animRocketBlast_1;
    animation-duration:0.2s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-timing-function:linear;
    transform-box:fill-box;
    transform-origin:top right;
}
#stars #star {
    animation-name:animStar;
    animation-duration:10s;
    animation-iteration-count:infinite;
    animation-direction:normal;
    animation-timing-function:linear;
    transform-box:fill-box;
    transform-origin:top right;
}
#stars #star-2 {
    animation-name:animStar;
    animation-duration:10s;
    animation-iteration-count:infinite;
    animation-direction:normal;
    animation-timing-function:linear;
    transform-box:fill-box;
    transform-origin:top right;
    animation-delay:-6s;
}
#stars #star-3 {
    animation-name:animStar;
    animation-duration:10s;
    animation-iteration-count:infinite;
    animation-direction:normal;
    animation-timing-function:linear;
    transform-box:fill-box;
    transform-origin:top right;
}
#stars #star-4 {
    animation-name:animStar;
    animation-duration:10s;
    animation-iteration-count:infinite;
    animation-direction:normal;
    animation-timing-function:linear;
    transform-box:fill-box;
    transform-origin:top right;
    animation-delay:-1s;
}
#stars #star-5 {
    animation-name:animStar;
    animation-duration:15s;
    animation-iteration-count:infinite;
    animation-direction:normal;
    animation-timing-function:linear;
    transform-box:fill-box;
    transform-origin:top right;
    animation-delay:-4s;
}
#stars #star-6 {
    animation-name:animStar;
    animation-duration:20s;
    animation-iteration-count:infinite;
    animation-direction:normal;
    animation-timing-function:linear;
    transform-box:fill-box;
    transform-origin:top right;
}
#stars #star-7 {
    animation-name:animStar;
    animation-duration:22s;
    animation-iteration-count:infinite;
    animation-direction:normal;
    animation-timing-function:linear;
    transform-box:fill-box;
    transform-origin:top right;
}
#stars #star-8 {
    animation-name:animStar;
    animation-duration:24s;
    animation-iteration-count:infinite;
    animation-direction:normal;
    animation-timing-function:linear;
    transform-box:fill-box;
    transform-origin:top right;
}
#stars #star-9 {
    animation-name:animStar;
    animation-duration:26s;
    animation-iteration-count:infinite;
    animation-direction:normal;
    animation-timing-function:linear;
    transform-box:fill-box;
    transform-origin:top right;
}