@import url(https://fonts.googleapis.com/css2?family=Signika&display=swap);*{margin:0;padding:0}body{font-family:"Signika","sans-serif";transition-duration:.6s;background-color:snow}#timer{width:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.clock{stroke-width:1;stroke-linecap:round;stroke-linejoin:round;fill:none}.controls{display:flex}#time-left,#timer-label{font-size:3rem}#full-clock{display:flex;flex-direction:column;align-items:center}#svg-container{height:15rem}#settings{display:flex}.single-setting{flex-direction:column;align-items:center}.box{display:flex;margin:1rem;padding:1rem;border:2px solid;border-radius:8px}.controls-box{width:25%;justify-content:space-around}.btn{background:#fff;border:none;transition-duration:.6s}.settings-btn{padding:0 .5rem}.controls-btn{font-size:3rem;padding:1rem}.single-setting div{font-size:1.5rem}h1{font-weight:400}@media only screen and (max-width:20em){.controls-btn{font-size:2rem;padding:1rem}}@media only screen and (max-width:23.5em){#svg-container{height:12rem}#settings{flex-direction:column;width:100%}.single-setting{margin:.5rem 1rem;flex-direction:row;justify-content:space-between}#time-left,#timer-label{font-size:2.5rem}}@media only screen and (max-width:37.5em){.controls-box{width:75%}.single-setting div{font-size:1.3rem}}@media only screen and (min-width:38em) and (max-width:86em){.controls-box{width:50%}.controls-btn{font-size:4rem}#svg-container{height:20rem}.single-setting div{font-size:2rem}.settings-btn{font-size:1.5rem}}
/*# sourceMappingURL=main.244018b9.chunk.css.map */