#countdown-box{ background:linear-gradient(135deg,#0f8b5f,#066b47); color:white; text-align:center; padding:18px; border-radius:18px; font-size:28px; font-weight:bold; box-shadow:0 8px 20px rgba(0,0,0,0.2); margin:20px auto; max-width:500px; animation:pulse 1.5s infinite; } #countdown{ font-size:42px; color:#ffcc00; margin-top:10px; letter-spacing:3px; font-weight:900; } @keyframes pulse{ 0%{transform:scale(1);} 50%{transform:scale(1.03);} 100%{transform:scale(1);} } function startCountdown(duration, display) { let timer = duration, hours, minutes, seconds; setInterval(function () { hours = parseInt(timer / 3600, 10); minutes = parseInt((timer % 3600) / 60, 10); seconds = parseInt(timer % 60, 10); hours = hours < 10 ? "0" + hours : hours; minutes = minutes < 10 ? "0" + minutes : minutes; seconds = seconds < 10 ? "0" + seconds : seconds; display.textContent = hours + ":" + minutes + ":" + seconds; if (--timer < 0) { timer = duration; } }, 1000); } window.onload = function () { let twoHours = 60 * 60 * 2; let display = document.querySelector('#countdown'); startCountdown(twoHours, display); };