@import url('https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css');

/* style.css */
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap');

body {
    font-family: 'Inconsolata', monospace;
    background: #000 url('./dithered-stars.png') repeat;
    animation: starAnimation 50s linear infinite;
}

.dithered-image {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
}

@keyframes starAnimation {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 1000px 1000px;
    }
}