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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#0fc;font-family:Courier New,Courier,monospace;height:100vh;margin:0}.value-display{background-color:#0006;border-radius:20px;box-shadow:0 0 40px #0fc;box-sizing:border-box;color:#0fc;font-size:2rem;font-weight:900;letter-spacing:3px;margin:0 auto;padding:20px 40px;width:350px}.timer-wrapper{text-align:center}h1{font-size:5rem;margin-bottom:30px;text-shadow:3px 3px 12px #000}.inputs{display:flex;gap:15px;justify-content:center;margin-bottom:25px}input{background-color:#ffffff1a;box-shadow:0 0 10px #0fc;color:#0fc;font-size:1.4rem;outline:none;padding:8px;text-align:center;width:90px}button,input{border:none;border-radius:8px}button{background-color:#0fc;box-shadow:0 0 12px #0fc;color:#1f1c2c;cursor:pointer;font-size:1.3rem;font-weight:700;padding:8px 20px;transition:all .2s}button:hover{background-color:#00c9a7;box-shadow:0 0 25px #0fc}#totalSeconds{font-size:2.2rem;margin-bottom:10px}#percentage{color:#fd0;font-size:2.2rem;margin-top:20px;text-shadow:0 0 15px #fd0}.progress-container{background-color:#ffffff26;border-radius:15px;box-shadow:0 0 25px #0fc;height:60px;margin:30px auto;position:relative;width:350px}.progress-bar{background:linear-gradient(90deg,#0fc,#00c9a7);border-radius:10px;box-shadow:0 0 25px #0fc;height:100%;transition:width .5s ease-in-out;width:0}.interval-marker{align-items:center;background-color:#fd0;display:flex;height:100%;justify-content:center;opacity:.8;position:absolute;top:0;width:3px}.interval-image{border:2px solid #0fc;border-radius:50%;box-shadow:0 0 10px #0fc;height:80px;object-fit:cover;width:80px}.moving-image{align-items:center;display:flex;height:100px;justify-content:center;position:absolute;top:-90px;transition:left .5s ease-in-out}.big-image{height:100px;width:100px}.milestone{color:#fd0;text-shadow:0 0 30px #fd0;transition:color .3s,text-shadow .3s}.timer-row{align-items:flex-start;box-sizing:border-box;display:flex;gap:30px;height:calc(100vh - 40px);justify-content:space-between;padding:20px;width:100%}.timer-wrapper{flex:1 1;max-width:50%}
/*# sourceMappingURL=main.d146e93f.css.map*/