*,:after,:before{box-sizing:border-box}html{font-size:.5rem}body,html{height:100%}body{background:#00c9ff;background:linear-gradient(90deg,#00c9ff,#92fe9d);color:#fffaff;display:flex;font-family:Holtwood One SC,serif;font-size:2rem;text-align:center;text-shadow:.2rem .2rem #303036}a{color:inherit;text-decoration:none}a:focus,a:hover{color:#b3aeb3}.container{margin:auto;padding:8rem 1.5rem}.heading{font-size:3.6rem;margin-bottom:3rem}.break-btns,.session-btns{display:inline-block;width:40%}.btn{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;outline:none;padding:.1rem .7rem;text-shadow:inherit}.btn:focus,.btn:hover{color:#b3aeb3}.length{display:inline-block;width:30%}.progress{border-radius:50%;height:30rem;margin:2rem auto;overflow:hidden;position:relative;vertical-align:bottom;width:30rem}.fill{background-color:#fffaff;bottom:0;width:100%}.center,.fill{position:absolute}.center{background-color:rgba(0,150,204,.7);border-radius:50%;height:26rem;margin:2rem;width:26rem}body[data-mode=Session] .center{background-color:rgba(95,203,106,.7)}body[data-mode=Break] .center{background-color:rgba(252,81,48,.7)}.mode{margin-top:10.5rem}.remaining-time{margin-top:1rem}.control-btns .btn{width:30%}.footer{font-size:1.2rem;margin-top:3rem}.footer .separator:after{content:"|";margin:0 .3rem}@media (min-width:48em){html{font-size:62.5%}}
/*# sourceMappingURL=style.8a147733.css.map */