body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Courier New', Courier, monospace;
    background-color: black;
    color: #33ff33;
    overflow: hidden;
}

.container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

@keyframes flicker {
    0% { opacity: 0.7; text-shadow: 0px 0px 10px #33ff33, 0px 0px 20px #33ff33, 0px 0px 30px #33ff33; }
    10% { opacity: 0.8; text-shadow: 0px 0px 12px #33ff33, 0px 0px 22px #33ff33, 0px 0px 32px #33ff33; }
    20% { opacity: 0.6; text-shadow: 0px 0px 8px #33ff33, 0px 0px 18px #33ff33, 0px 0px 28px #33ff33; }
    30% { opacity: 0.9; text-shadow: 0px 0px 14px #33ff33, 0px 0px 24px #33ff33, 0px 0px 34px #33ff33; }
    40% { opacity: 0.6; text-shadow: 0px 0px 8px #33ff33, 0px 0px 18px #33ff33, 0px 0px 28px #33ff33; }
    50% { opacity: 0.8; text-shadow: 0px 0px 12px #33ff33, 0px 0px 22px #33ff33, 0px 0px 32px #33ff33; }
    60% { opacity: 0.7; text-shadow: 0px 0px 10px #33ff33, 0px 0px 20px #33ff33, 0px 0px 30px #33ff33; }
    70% { opacity: 0.9; text-shadow: 0px 0px 14px #33ff33, 0px 0px 24px #33ff33, 0px 0px 34px #33ff33; }
    80% { opacity: 0.8; text-shadow: 0px 0px 12px #33ff33, 0px 0px 22px #33ff33, 0px 0px 32px #33ff33; }
    90% { opacity: 0.6; text-shadow: 0px 0px 8px #33ff33, 0px 0px 18px #33ff33, 0px 0px 28px #33ff33; }
    100% { opacity: 0.7; text-shadow: 0px 0px 10px #33ff33, 0px 0px 20px #33ff33, 0px 0px 30px #33ff33; }
}

h1 {
    font-size: 3rem;
    margin-bottom: 1rem;
    font-family: 'Orbitron', sans-serif;
    animation: flicker 1.5s infinite;
}
#countdown {
    font-size: 2rem;
animation: flicker 1.5s infinite;
}