body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#222}.clock{grid-gap:clamp(10px,10%,10px);display:grid;gap:clamp(10px,10%,10px);grid-template-columns:repeat(3,1fr);padding:10px;width:calc(100% - 20px)}.digit-container{grid-gap:3%;background:#ccc;display:grid;gap:3%;grid-template-columns:repeat(2,1fr)}.digit,.digit-container{border-radius:5px;padding:clamp(2px,2%,10px)}.digit{aspect-ratio:1;background:#fff;box-shadow:0 0 5px 2px #0000004d}.digit-grid{grid-gap:clamp(2px,2%,10px);display:grid;gap:clamp(2px,2%,10px);grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.digit-cell{aspect-ratio:1;background:#ddd;border-radius:5px}.digit-cell.active{animation:pop .1s ease-out;background:#840000}.animate-pop{animation:pop .3s ease-out}@keyframes pop{0%{opacity:.5;transform:scale(.3)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=main.74b645ad.css.map*/