/* Celebration theme container - overlay on top of the page */
.party-theme-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Ensures it doesn't interfere with scrolling or clicks */
    z-index: 9999; /* Ensures it is on top of all other content */
    overflow: hidden;
}

/* Glowing heading */
.party-heading {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    font-family: 'Arial', sans-serif;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
    animation: glow 2s infinite alternate;
    z-index: 99999;
    pointer-events: none; /* Ensure it's purely decorative */
}

/* Glow animation */
@keyframes glow {
    0% {
        text-shadow: 0 0 10px #ffd700, 0 0 20px #ff9a00, 0 0 30px #ff4500;
    }
    100% {
        text-shadow: 0 0 20px #ffd700, 0 0 30px #ff9a00, 0 0 40px #ff4500;
    }
}

/* Confetti styles */
.confetti {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    animation: fall 5s linear infinite, drift 3s ease-in-out infinite;
}

/* Confetti fall animation */
@keyframes fall {
    0% {
        top: -10%;
    }
    100% {
        top: 110%;
    }
}

/* Confetti drift animation */
@keyframes drift {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(50px);
    }
}