body {
    margin: 0;
    padding: 0;
    background: rgb(2, 0, 31);
}

#galaxy {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.star {
    position: absolute;
    border-radius: 50%;
    background-color: rgb(255, 255, 255); /* Default white */
    animation: moveStar linear infinite; /* Default 15s duration */
    box-shadow: 0 0 10px 3px rgba(255, 255, 255, 0.2); /* Bloom effect */
    opacity: 0.9;
}

@keyframes moveStar {
    from {
        transform: translate(-10vw, -10vh); /* Startpunkt */
    }
    to {
        transform: translate(110vw, 110vh); /* Endpunkt */
    }
}
