*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;
}

/* background*/
body{
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

background:linear-gradient(
90deg,
#0085C7 0%,   
#F4C300 20%,  
#000000 40%,  
#009F3D 60%,  
#DF0024 80%   
);

color:white;
}

/* Title */
h1{
font-size:42px;
margin-bottom:40px;
text-shadow:2px 2px 10px rgba(0,0,0,0.6);
}

/* Countdown container */
.container{
display:flex;
gap:30px;
}

/* Timer boxes */
.box{
background:white;
color:black;

padding:25px 35px;
border-radius:15px;

text-align:center;

box-shadow:0 10px 25px rgba(0,0,0,0.4);

transition:0.3s;
}

/* Hover animation */
.box:hover{
transform:scale(1.1);
}

/* Numbers */
.box h2{
font-size:45px;
font-weight:bold;
}

/* Labels */
.box p{
font-size:18px;
color:#555;
}

/* Message when Olympics start */
#message{
margin-top:30px;
font-size:30px;
color:#FFD700;
font-weight:bold;
}