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}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--shadow-dark:rgba(0,0,0,.3);--shadow-light:hsla(0,0%,100%,.7);--primary-color:#cdcdcd;--primary-color-darker:#9299ba;--secondary-color:#1b1f37;--secondary-color-faded:#383d5c;--accent-color:#545283;--heading-font:"Monoton",cursive;--font:"Comfortaa",cursive;--clock-font:"poppins",sans-serif;font-size:62.5%}.dark{--shadow-dark:rgba(0,0,0,.3);--shadow-light:hsla(0,0%,100%,.1);--primary-color:#1b1f37;--primary-color-darker:#15182b;--secondary-color:#d9dffd;--secondary-color-faded:#5a5f77;--accent-color:#f76465}body{font-size:1.6rem}@media (min-width:300px){.App{align-items:center;background-color:#cdcdcd;background-color:var(--primary-color);display:flex;flex-direction:column;gap:5rem;max-height:100%;min-height:100vh;padding-top:4rem;transition:background-color .5s ease-in-out}.main-heading{color:#1b1f37;color:var(--secondary-color);cursor:pointer;font-family:Monoton,cursive;font-family:var(--heading-font);font-size:3rem}.clock{background-color:#cdcdcd;background-color:var(--primary-color);border-radius:50%;box-shadow:none;display:grid;height:28rem;isolation:isolate;opacity:0;place-items:center;width:28rem}.clock>*{grid-column:1/-1;grid-row:1/-1}.circle-svg{cursor:pointer;min-height:28rem;pointer-events:none;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:28rem}circle{stroke:#545283;stroke:var(--accent-color);fill:none;stroke-width:1rem;opacity:0;transition:all 1s ease-in-out}.clock__progress{border:1rem solid #cdcdcd;border:1rem solid var(--primary-color);border-radius:50%;box-shadow:none;height:20.5rem;width:20.5rem;z-index:-1}.clockText-container,.clock__progress{display:grid;opacity:0;place-items:center}.clock__timer{font-size:4.5rem;font-weight:700}.clock__timer,.clock__timer--state{color:#1b1f37;color:var(--secondary-color);font-family:poppins,sans-serif;font-family:var(--clock-font)}.clock__timer--state{cursor:pointer;letter-spacing:1.2rem;margin-right:-1.2rem}.btn-container{background-color:#9299ba;background-color:var(--primary-color-darker);border:.5rem solid #9299ba;border:.5rem solid var(--primary-color-darker);border-radius:2.5rem;display:flex;gap:1rem}.btn{color:#383d5c;color:var(--secondary-color-faded);cursor:pointer;font-family:poppins,sans-serif;font-family:var(--clock-font);font-size:1rem;font-weight:700;padding:1.2em}.active{background-color:#545283;background-color:var(--accent-color);border-radius:2.5rem;color:#cdcdcd;color:var(--primary-color)}.icon{color:#383d5c;color:var(--secondary-color-faded);font-size:2.5rem;z-index:99}}@media (min-width:600px){.main-heading{font-size:4rem}.btn{font-size:1.1rem}.clock{height:40rem;width:40rem}.clock__progress{height:28rem;width:28rem}.clock__timer{font-size:6rem}.clock__timer--state{font-size:2rem;letter-spacing:2.2rem;margin-right:-2.2rem}}@media (min-width:600px) and (max-height:750px){.App{gap:2.3rem;padding-top:1.8rem}}@media (min-width:800px) and (min-height:750px){.App{gap:2.5rem;padding-top:2rem}.main-heading{font-size:5rem}.btn{font-size:1.2rem}.clock{height:50rem;width:50rem}.clock__progress{height:35rem;width:35rem}.circle-svg{min-height:36rem;width:36rem}.clock__timer{font-size:8rem}}
/*# sourceMappingURL=main.4a2b5a28.css.map*/