@keyframes earth-grow {
    from {
        opacity: .1;
        height: 5px;
        width: 5px;
    }

    to {
        opacity: .9;
        height: 500px;
        width: 500px;
    }
}

@keyframes explosion {
    4% {
        background-position-x: -64px;
        background-position-y: 0;
    }

    8% {
        background-position-x: -128px;
        background-position-y: 0;
    }

    12% {
        background-position-x: -192px;
        background-position-y: 0;
    }

    16% {
        background-position-x: -256px;
        background-position-y: 0;
    }

    20% {
        background-position-x: -320px;
        background-position-y: 0;
    }

    24% {
        background-position-x: -384px;
        background-position-y: 0;
    }

    28% {
        background-position-x: -448px;
        background-position-y: 0;
    }

    32% {
        background-position-x: -512px;
        background-position-y: 0;
    }

    36% {
        background-position-x: -576px;
        background-position-y: 0;
    }

    40% {
        background-position-x: -640px;
        background-position-y: 0;
    }

    44% {
        background-position-x: -704px;
        background-position-y: 0;
    }

    48% {
        background-position-x: -768px;
        background-position-y: 0;
    }

    52% {
        background-position-x: -832px;
        background-position-y: 0;
    }

    56% {
        background-position-x: -896px;
        background-position-y: 0;
    }

    60% {
        background-position-x: -960px;
        background-position-y: 0;
    }

    64% {
        background-position-x: -1024px;
        background-position-y: 0;
    }

    68% {
        background-position-x: -1088px;
        background-position-y: 0;
    }

    72% {
        background-position-x: -1152px;
        background-position-y: 0;
    }

    76% {
        background-position-x: -1216px;
        background-position-y: 0;
    }

    80% {
        background-position-x: -1280px;
        background-position-y: 0;
    }

    84% {
        background-position-x: -1344px;
        background-position-y: 0;
    }

    88% {
        background-position-x: -1408px;
        background-position-y: 0;
    }

    90% {
        background-position-x: -1472px;
        background-position-y: 0;
    }

    94% {
        background-position-x: -1536px;
        background-position-y: 0;
    }

    96% {
        background-position-x: -1600px;
        background-position-y: 0;
    }

    100% {
        background-position-x: -1664px;
        background-position-y: 0;
    }
}

@keyframes title-meteor {
    0% {
        top: 0;
        left: 275px;
    }

    40% {
        top: 150px;
        left: 525px;
    }

    60% {
        top: 250px;
        left: 525px;
        transform: scale(1);
    }

    100% {
        top: 225px;
        left: 500px;
        transform: scale(.01);
    }
}

@keyframes meteor-spin {
    0% {
        background-position-x: 0;
        background-position-y: 0;
    }

    5.3% {
        background-position-x: -72px;
        background-position-y: 0;
    }

    10.7% {
        background-position-x: -144px;
        background-position-y: 0;
    }

    16% {
        background-position-x: -216px;
        background-position-y: 0;
    }

    21.3% {
        background-position-x: -288px;
        background-position-y: 0;
    }

    26.6% {
        background-position-x: 0;
        background-position-y: -72px;
    }

    31.9% {
        background-position-x: -72px;
        background-position-y: -72px;
    }

    37.2% {
        background-position-x: -144px;
        background-position-y: -72px;
    }

    42.5% {
        background-position-x: -216px;
        background-position-y: -72px;
    }

    47.9% {
        background-position-x: -288px;
        background-position-y: -72px;
    }

    53.2% {
        background-position-x: 0;
        background-position-y: -144px;
    }

    58.5% {
        background-position-x: -72px;
        background-position-y: -144px;
    }

    63.9% {
        background-position-x: -144px;
        background-position-y: -144px;
    }

    69.4% {
        background-position-x: -216px;
        background-position-y: -144px;
    }

    74.8% {
        background-position-x: -288px;
        background-position-y: -144px;
    }

    79.9% {
        background-position-x: 0;
        background-position-y: -216px;
    }

    85.2% {
        background-position-x: -72px;
        background-position-y: -216px;
    }

    93.8% {
        background-position-x: -144px;
        background-position-y: -216px;
    }

    100% {
        background-position-x: -216px;
        background-position-y: -216px;
    }
}