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}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden;width:100%}.app-container{align-items:center;background:linear-gradient(135deg,#322659,#1a1a2e);display:flex;height:100%;justify-content:center;width:100%}.background-decorations{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.bg-circle{border-radius:50%;position:absolute}.bg-circle-1{background:#db277733;height:80px;left:10%;top:10%;width:80px}.bg-circle-2{background:#3b82f633;bottom:20%;height:120px;right:15%;width:120px}.bg-circle-3{background:#f59e0b33;height:60px;right:10%;top:15%;width:60px}.clock-container{height:80vmin;max-height:500px;max-width:500px;position:relative;width:80vmin;z-index:2}.clock-outer-decoration{animation:spin 60s linear infinite;border:4px dashed #ec489966;border-radius:50%;bottom:-10%;left:-10%;position:absolute;right:-10%;top:-10%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.clock-body{box-shadow:0 25px 50px -12px #00000080;overflow:visible}.clock-body,.clock-face{border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.clock-face{background:linear-gradient(135deg,#5b21b6,#7c3aed);box-shadow:inset 0 4px 6px -1px #0000004d;transform:rotate(12deg)}.clock-background{border-radius:50%;overflow:hidden;z-index:3}.bg-gradient,.clock-background{height:100%;left:0;position:absolute;top:0;width:100%}.bg-gradient{background:linear-gradient(135deg,#8e2de2,#4a00e0);opacity:.6}.dark-overlay{background:#0000004d}.clock-pattern,.dark-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.clock-pattern{border-radius:50%;overflow:hidden;z-index:4}.clock-pattern:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;transform:rotate(-45deg);width:100%}.clock-svg{height:200%;left:-50%;overflow:visible;position:absolute;top:-50%;transform:scale(1.2);width:200%;z-index:5}@media (max-width:480px){.clock-svg{transform:scale(1.1)}}
/*# sourceMappingURL=main.0d48aa6d.css.map*/