/* Background scrolling - only works for 64x images */
@keyframes bg-scrolling-reverse {
    100% {
        background-position: 64px 64px;
    }
}
@keyframes bg-scrolling {
    0% {
        background-position: 64px 64px;
    }
}

/* Makes something go to the left forever */
@keyframes scrolling-pets {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-250px);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* +++ Pet Annimations +++ */

@keyframes wobble {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(5deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-7deg);
    }
    100% {
        transform: rotate(0deg);
    }
}