body {
background-color: #0d1b2a; /* Dark blue background */
color: white;
font-family: sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
margin: 0;
overflow: hidden; /* Hide potential overflow from decorations */
}

#title {
font-size: 3rem;
text-align: center;
margin-bottom: 20px;
color: #e63946; /* Festive red color */
}

#countdown {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
}

#countdown div {
background-color: #e63946; /* Red boxes */
padding: 20px;
border-radius: 10px;
text-align: center;
font-size: 1rem;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
min-width: 100px;
}

#countdown span {
display: block;
font-size: 3rem;
font-weight: bold;
}

#christmas-message {
margin-top: 20px;
font-size: 2rem;
text-align: center;
color: #a8dadc;
}

/* Basic styling for the decorative Santa div mentioned in HTML comment */
#santa {
margin-top: 20px;
font-size: 1.5rem;
}