#asteroids {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
}

.asteroid {
    z-index: 9;
    cursor: pointer;
    position: absolute;
    white-space: nowrap;
    font-size: 24px;
    color: #333;
    animation: scroll-asteroid 30s linear infinite;
    -webkit-animation: scroll-asteroid 30s linear infinite;
}

@keyframes scroll-asteroid {
    0% {
        left: -100%;
        transform: rotate(0deg);
    }
    100% {
        left: 100%;
        transform: rotate(360deg);
    }
}

.explosion {
    z-index: 10;
}