:root{color:#dfd0b8;font-synthesis:weight;background:#222831;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,p{margin:0}.clock{-webkit-user-select:none;user-select:none;flex-direction:column;width:100dvw;height:100dvh;padding:clamp(4px,4vw,64px);display:flex}.display{flex-direction:column;flex:1;display:flex}.time{font-variant-numeric:tabular-nums;white-space:nowrap;flex:1;justify-content:center;align-items:center;font-size:22vw;font-weight:600;display:flex}.details{letter-spacing:.05em;flex-wrap:wrap;justify-content:space-between;align-items:baseline;font-size:clamp(1rem,4vw,2rem);display:flex}