html{font-family:"Recursive",sans-serif}body{margin:0;background-color:#32323e}.container{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.header{display:flex;justify-content:center;align-items:center}.header h1{color:#fff;text-shadow:3px 3px 4px #000}.circle{margin:0 auto;border:1px solid #fff;border-radius:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;font-size:80px;position:relative}.circle,.circle:before{height:300px;width:300px}.circle:before{content:"";position:absolute;box-shadow:4px 4px 10px #000;border-radius:100%;z-index:10;transition:all 1s ease-in-out}.work.circle:before{border:8px solid #f44c4e}.rest.circle:before{border:8px solid #41b883}.info-container{height:70px}.info,.info-container{display:flex;justify-content:center;align-items:center}.info{font-size:20px;width:30px;height:30px;border-radius:100%;border:1px solid #fff;color:#fff;opacity:.3;cursor:pointer;z-index:80;transition:all .2s ease-in-out}.info:hover{opacity:1}.settings{position:absolute;bottom:-50px;right:-50px}.timer{max-width:300px;text-shadow:2px 2px #0ff;display:flex;z-index:100}.input,.timer{text-align:center;color:#fff}.input{max-width:95px;font-size:80px;background-color:#32323e;box-shadow:none;border:none;outline:none;font-family:"Recursive",sans-serif;padding:0;margin:0;text-shadow:2px 2px red}.settings-btn-container{margin:15px}.settings-btn{height:40px;width:40px;color:#fff;opacity:.3;transition:all .3s ease-in-out}.settings-btn:hover{opacity:1;cursor:pointer;transform:rotate(40deg)}.button-container{height:70px;width:70px;border-radius:100%}.button,.button-container{display:flex;justify-content:center;align-items:center}.button{height:55px;width:55px;border-radius:100%;border:none;cursor:pointer;z-index:100;outline:none;transition:all .2s ease-in-out}.button-container-red{border:2px solid #f44c4e}.button-red{background-color:#f44c4e}.button-container-green{border:2px solid #41b883}.button-green{background-color:#41b883}.button:hover{height:72px;width:72px}.icon{margin:0;padding:0;color:#32323e;height:30px;width:30px}.modal-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal{position:fixed;z-index:500;background-color:#fff;width:400px;border:1px solid #ccc;box-shadow:2px 2px 2px #000;padding:16px;box-sizing:border-box;transition:all .3s ease-out;border-radius:10px}.backdrop{width:100%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:rgba(0,0,0,.5)}.slide-container{width:100%;display:flex;justify-content:space-between;align-items:center}.slide-container .title{min-width:40px;width:20px}.slide-container .slider{width:250px}.settings-button-container{margin:20px auto auto;width:50%;display:flex;align-items:center;justify-content:space-around}.btn{border:none;outline:none;padding:8px 20px;border-radius:6px;cursor:pointer;color:#32323e}.reset-settings-button{background-color:#41b883;transition:all .2s ease-in-out}.reset-settings-button:hover{box-shadow:3px 3px 4px #32323e;transform:translateY(-2px)}.reset-settings-button:active{box-shadow:none;transform:translateY(0)}.footer{display:flex;justify-content:center;align-items:center}.footer p{color:#fff;opacity:.2;font-weight:100}
/*# sourceMappingURL=main.444b4cd4.chunk.css.map */