@keyframes starfield {
    to {
        background-position: -1000px -1000px;
    }

    from {
        background-position: 0 0;
    }
}

@keyframes blink {

    0%,
    49% {
        opacity: 1;
    }

    50%,
    100% {
        opacity: 0;
    }
}

@keyframes rainbow {
    0% {
        color: #ff0000;
    }

    16% {
        color: #ff00ff;
    }

    33% {
        color: #0000ff;
    }

    50% {
        color: #00ffff;
    }

    66% {
        color: #00ff00;
    }

    83% {
        color: #ffff00;
    }

    100% {
        color: #ff0000;
    }
}

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

    to {
        transform: rotate(360deg);
    }
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    75% {
        transform: translateX(5px);
    }
}

@keyframes bounce {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }
}

@keyframes howl {

    0%,
    100% {
        transform: scale(1) rotate(0deg);
    }

    25% {
        transform: scale(1.1) rotate(-5deg);
    }

    75% {
        transform: scale(1.1) rotate(5deg);
    }
}

@keyframes gradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes alert {

    0%,
    100% {
        transform: scale(1);
        background: #ff0000;
    }

    50% {
        transform: scale(1.1);
        background: #ff6600;
    }
}

@keyframes panic {

    0%,
    100% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(10deg);
    }
}

body {
    background: #000 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><rect fill="%23001a33" width="100" height="100"/><circle fill="%23fff" cx="10" cy="10" r="1"/><circle fill="%23fff" cx="50" cy="50" r="1"/><circle fill="%23fff" cx="80" cy="30" r="1"/><circle fill="%23fff" cx="30" cy="70" r="1"/></svg>');
    animation: starfield 200s linear infinite;
    font-family: 'Comic Sans MS', cursive, sans-serif;
    margin: 0;
    padding: 0;
    color: #00ff00;
}