.font-orbitron {
    font-family: 'Orbitron', sans-serif;
}

.font-mono {
    font-family: 'Share Tech Mono', monospace;
}

.space-bg {
    background-color: #020617;
    background-image:
        radial-gradient(white, rgba(255, 255, 255, .2) 2px, transparent 40px),
        radial-gradient(white, rgba(255, 255, 255, .15) 1px, transparent 30px),
        radial-gradient(white, rgba(255, 255, 255, .1) 2px, transparent 40px);
    background-size: 550px 550px, 350px 350px, 250px 250px;
    background-position: 0 0, 40px 60px, 130px 270px;
    animation: star-drift 60s linear infinite;
}

@keyframes star-drift {
    from {
        background-position: 0 0, 40px 60px, 130px 270px;
    }

    to {
        background-position: 550px 550px, 390px 410px, 680px 820px;
    }
}

.meteor {
    transition: top 3s linear;
}

.laser {
    box-shadow: 0 0 10px #22d3ee, 0 0 20px #22d3ee;
}/* High-quality claymation background */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('clay_background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -1;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}