body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
color: white;
text-align: center;
font-family: Arial, sans-serif;
background-image: url(‘https://upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/1280px-Flag_of_the_United_States.svg.png’);
background-size: cover;
background-position: center;
}
.container {
background: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay for readability */
padding: 20px;
border-radius: 10px;
}
#timer {
font-size: 48px;
margin-bottom: 20px;
}

const targetDate = new Date(‘2025-08-09T11:00:00-05:00’).getTime();

const countdownInterval = setInterval(() => {
const now = new Date().getTime();
const distance = targetDate – now;

if (distance < 0) {
clearInterval(countdownInterval);
document.getElementById('timer').innerHTML = '00:00:00';
alert('Countdown finished!');
return;
}

const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);

document.getElementById('timer').innerHTML =
`${days}d ${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
}, 1000);