:root{--text-shadow-color:#cab0e4;--text-main-color:#7a26dc}*{box-sizing:border-box;padding:0}*,body{margin:0}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}.container{background-color:#0c0c0c;height:100vh;justify-content:center;margin:auto;max-width:1048px}.container,.timer__wrapper{align-items:center;display:flex;flex-direction:column}.timer__wrapper{background-color:#7a26dc;background-color:var(--text-main-color);border-radius:24px;box-shadow:0 1px 0 rgba(17,17,26,.1),0 8px 24px rgba(17,17,26,.1),0 16px 48px rgba(17,17,26,.1);justify-content:space-around;padding:5em 5em 0}.button__wrapper{align-items:center;display:flex;gap:1em;justify-content:space-evenly;padding:1em;width:30vw}.button{background-color:#fff;border:1px solid #fff;border-radius:5px;color:#7a26dc;color:var(--text-main-color);font-size:1.2em;padding:.5em 1em;transition:.3s ease-in-out}.button:active{background-color:#7a26dc;background-color:var(--text-main-color);border:1px solid #7a26dc;border:1px solid var(--text-main-color)}.button:hover{-webkit-transform:scale(120%);transform:scale(120%)}.button:disabled{background-color:#aaa4a4}@media only screen and (max-device-width:1280px){.button__wrapper{margin:auto;width:100%}}@media screen and (max-width:500px){.timer__wrapper{justify-content:center;padding:1em}}@media screen and (max-width:300px){.timer__wrapper{padding:0}.button{font-size:1em}}.header{align-self:flex-start;border:.5px solid #fff;font-size:1.5em;margin:2em 0 1em}.white-color{color:#fff;padding:0 2px}.white-bg{background-color:#fff;color:var(--text-main-color);padding:0 2px}@media screen and (max-width:500px){.header{align-self:flex-start;font-size:1em;margin-bottom:2em}}@media screen and (max-width:300px){.header{align-self:flex-start;font-size:1em;margin:1em}}#timer,.timer__display{background-color:#fff}#timer{border-radius:10px;color:0c0c0c;font-family:Open Sans,sans-serif;font-size:5em;padding:0 .5em}@media screen and (max-width:600px){#timer{font-size:4em;margin-top:1em}}@media screen and (max-width:300px){#timer{font-size:3em;margin-top:1em}}
/*# sourceMappingURL=main.ed0c5bf3.css.map*/