body{margin:0;height:100vh}#root{width:100%;height:100%}.container{text-align:center;padding:40px;border-radius:20px;box-shadow:0 8px 16px #0003;background-color:#ffffffe6;width:100%;max-width:600px;position:relative;transition:background-color 1s ease}.datetime-container{display:flex;flex-direction:column;align-items:center;gap:20px}@media (min-width: 600px){.datetime-container{flex-direction:row}}.datetime,.time{font-size:48px;font-weight:700;color:#555}