/* * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
} */

/* body {
    overflow: hidden;
    background: linear-gradient(to bottom, #0a0e27 0%, #1a1235 50%, #2a1a3f 100%);
    font-family: 'Courier New', monospace;
} */

#fireworks {
    display: none;
}

#fireworks.active {
    display: block;
}

#fireworksCanvas {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

.stars {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.star {
    position: absolute;
    background: white;
    border-radius: 50%;
    animation: twinkle 3s infinite;
}

@keyframes twinkle {

    0%,
    100% {
        opacity: 0.3;
    }

    50% {
        opacity: 1;
    }
}