/* 
 * Holiday Celebration - Realistic Canvas Fireworks
 * April 30th - May 1st
 */

.fireworks-container {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 6; 
    overflow: hidden;
    opacity: 1;
    transition: opacity 1.5s ease;
}

.fireworks-container.fade-out {
    opacity: 0;
}

.fireworks-container canvas {
    display: block;
    width: 100%;
    height: 100%;
}