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}*{margin:0;padding:0}body{background-color:#fa759e}.App{height:100vh}.header h1{justify-content:center}.header,.header h1{align-items:center;display:flex}.header{border-bottom:1.5px solid grey;color:#fff;font-family:Arial,Helvetica,sans-serif;height:4vh;justify-content:space-between;margin:auto;padding:15px;width:50%}.header a{color:#fff;text-decoration:none}.header button{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px}.header button:active{-webkit-transform:translateY(10%);transform:translateY(10%)}.MainPomoDoro{border-radius:4px;height:60%;margin:2vh auto;width:40%}.navbar{align-items:center;display:flex;justify-content:center;margin:auto;padding-top:20px;width:80%}.navbar button:first-of-type{margin-right:40px}.navbar button:last-of-type{margin-left:40px}.buttonTImer button,.navbar button{background:none;border:none;border-radius:4px;caret-color:transparent;color:#fff;cursor:pointer;font-size:1.2rem;padding:6px}.navbar button:active,.settingbuttons button:active{-webkit-transform:translateY(10%);transform:translateY(10%)}.settings{background-color:#7fffd4;border:none;border-radius:10px;height:250px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);width:400px}.settings h1{caret-color:transparent;color:#008b8b;text-align:center}.timingset{border:none;display:flex;justify-content:space-between;margin:10px auto auto;width:90%}.timingset input{outline:none}.timingset:first-of-type{margin-top:23px}.settingbuttons{border:none;display:flex;justify-content:space-between;margin:30px auto auto;width:30%}.settingbuttons button{background-color:#cef8ea;border:none;border-radius:4px;cursor:pointer;padding:9px}.mainPomoDoroTimer{caret-color:transparent;color:#fff;font-family:Orbitron;font-size:10rem;height:60%;justify-content:center;margin-top:20px}.buttonTImer,.mainPomoDoroTimer{align-items:center;border:none;display:flex}.buttonTImer{justify-content:space-evenly;margin:auto;width:50%}.buttonTImer button{padding-left:25px;padding-right:25px}.footer{border-top:1.5px solid gray;caret-color:transparent;color:#fff;display:flex;justify-content:center;margin:auto;width:50%}@media only screen and (max-width:1023px){.header{width:70%}.MainPomoDoro{height:70%;width:60%}.navbar{padding-top:15px}.navbar button{font-size:1rem}.mainPomoDoroTimer{font-size:8rem;height:50%}.buttonTImer{margin-top:25px}.footer{width:70%}}@media only screen and (max-width:752px){.mainPomoDoroTimer{font-size:7rem}}@media only screen and (max-width:655px){.mainPomoDoroTimer{font-size:6rem}}@media only screen and (max-width:556px){.mainPomoDoroTimer{font-size:5rem}}@media only screen and (max-width:480px){.header{width:90%}.MainPomoDoro{width:80%}.navbar{padding-top:8px}.navbar button{font-size:.7rem}.mainPomoDoroTimer{font-size:6.5rem;height:40%}.footer{font-size:.8rem;width:90%}.buttonTImer{justify-content:space-between;width:55%}.settings{left:240px;top:240px;-webkit-transform:none;transform:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mainPomoDoroTimer{font-size:6rem}}@media only screen and (max-width:444px){.header{padding:10px;width:95%}.header h1{font-size:1.6rem}.header button{font-size:.8rem;padding:4px}.MainPomoDoro,.navbar{width:90%}.navbar{padding-top:6px}.navbar button{font-size:.6rem;padding:5px}.mainPomoDoroTimer{font-size:5.5rem}.buttonTImer{margin-top:45px;width:70%}.footer{font-size:.6rem}}
/*# sourceMappingURL=main.5e2e70fa.css.map*/