@charset "UTF-8";

     @media screen and (max-width: 1023px){ } @media screen and (max-width: 834px){ } @media screen and (max-width: 480px){ }.cute-clock-container {
background: linear-gradient(135deg, #ffdde1 0%, #ee9ca7 100%);
border: 3px solid #f8e5e5;
border-radius: 15px;
padding: 15px;
text-align: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
font-family: 'Arial', sans-serif;
}
#date-display {
font-size: 16px;
color: #4a4a4a;
margin-bottom: 10px;
font-weight: bold;
}
#clock-display {
font-size: 36px;
color: #8b0000;
font-weight: bolder;
letter-spacing: 2px;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.7);
}