@import url(https://fonts.googleapis.com/css2?family=Inder&display=swap);.timer-setup-box{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20rem;position:static;z-index:200}.hide-timer-setup{display:none}.timer-setup-box h1{font-size:2.6rem}@media (min-width:1024px){.timer-setup-box h1{font-size:3rem}}.timer-setup-box h2{font-size:1.6rem;margin-top:6rem}@media (min-width:1024px){.timer-setup-box h2{font-size:1.8rem}}.time-inputs-box{display:grid;grid-template-areas:"input-1 colon input-2" "text-1 . text-2";margin-top:4rem}.time-inputs-box input{background-color:#363339;border:none;color:#fff;font-size:1rem;height:6rem;text-align:center;width:4.4rem}@media (min-width:1024px){.time-inputs-box input{font-size:2rem}}.time-inputs-box .time-colons{align-items:center;display:flex;flex-direction:column;font-size:2rem;height:6rem;justify-content:center;width:5rem}.timer-minutes,.timer-seconds{margin-top:2rem;text-align:center}.timer-minutes{grid-area:text-1}.timer-seconds{grid-area:text-2}.error-message{color:#fff;margin-top:3rem}.start-button{background-color:#65b8e7;border:none;color:#fff;cursor:pointer;font-size:2.3rem;margin-top:4rem;padding-block:.5rem;width:14rem}.disable-button{cursor:not-allowed;opacity:.6;pointer-events:none}.timer-show-box{-webkit-column-gap:2rem;column-gap:2rem;display:none;grid-template-areas:"watch watch" "pause reset";justify-items:center;margin-top:20rem;position:static;z-index:200}@media (min-width:1024px){.timer-show-box{-webkit-column-gap:4rem;column-gap:4rem;margin-top:5rem}}.display-timer-watch{display:grid}.timer-watch{align-items:center;background-color:#65b8e7;border-radius:50%;display:flex;flex-direction:column;grid-area:watch;height:20rem;justify-content:center;width:20rem}@media (min-width:1024px){.timer-watch{height:25rem;width:25rem}}.timer-watch h1{align-items:center;background-color:#262428;border-radius:50%;display:flex;flex-direction:column;font-size:2.6rem;height:18rem;justify-content:center;width:18rem}@media (min-width:1024px){.timer-watch h1{font-size:4rem;height:23rem;width:23rem}}.timer-show-box button{border:none;cursor:pointer;font-size:1.3rem;margin-top:5rem;padding-block:1rem;width:9rem}@media (min-width:1024px){.timer-show-box button{width:12rem}}.start-pause-btn{background-color:#65b8e7;grid-area:pause}.reset-btn{background-color:#da6e6e;grid-area:reset}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background-color:#262428}.App{font-family:Inder,sans-serif;height:100vh;width:100vw}.circle-1{background:linear-gradient(144.32deg,rgba(124,66,182,.07) 30.94%,rgba(174,148,201,.011) 93.32%);left:269px;top:111px}.circle-1,.circle-2{border-radius:50%;height:382px;position:absolute;width:382px;z-index:50}.circle-2{background:linear-gradient(144.32deg,rgba(94,47,141,.07) 30.94%,rgba(205,56,56,.056) 93.32%);left:1243px;top:29px}.bottom-line{left:250px;position:absolute;top:550px;z-index:100}button,h1,h2,input,p{color:#fff;font-family:Inder,sans-serif}.timer-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:-3.5rem}.credits{margin-top:15rem}
/*# sourceMappingURL=main.98d2fe04.css.map*/