:root{--primary-dark-color:#1a1b21;--secondary-dark-color:#161619;--primary-light-color:#f5f5f5;--red-accent-color:#fe716c;--blue-accent-color:#549bab;--green-accent-color:#36636d}*{box-sizing:border-box}body{background-color:#161619;background-color:var(--secondary-dark-color);color:#f5f5f5;color:var(--primary-light-color);font-family:Poppins,sans-serif}body,h1,h2,h3,p{margin:0}button,input{font-family:inherit}.main__container{background:radial-gradient(circle,#1d2c30 0,#22242a 65%);border-radius:10px;box-shadow:1px -2px 15px 0 #36636d;box-shadow:1px -2px 15px 0 var(--green-accent-color);margin:3rem auto;padding:2rem;width:600px}.flex--container{align-items:center;display:flex;flex-direction:column;justify-content:center}.header h1{font-size:2.5rem;font-weight:100;letter-spacing:.1rem;margin-bottom:1.5rem}.focus-question{background-color:#1a1b21;background-color:var(--primary-dark-color);border:none;border-radius:.2rem;box-shadow:0 0 5px 0 #f5f5f5;box-shadow:0 0 5px 0 var(--primary-light-color);color:#fe716c;color:var(--red-accent-color);font-size:.9rem;font-weight:600;letter-spacing:.05rem;margin-bottom:3rem;padding:.5rem;text-align:center;text-transform:capitalize;width:60%}h2{font-weight:300;margin-bottom:.5rem}p{font-weight:200;margin-bottom:.2rem}.custom__input,.settings__input{border-radius:.5rem;box-shadow:1rem 1.5rem 2rem rgba(0,0,0,.3);margin:.2rem;padding:.5rem 1.2rem;width:40%}.custom__input,.input,.settings__input{background:#549bab;background:var(--blue-accent-color);text-align:center}.input{border:none;color:#f5f5f5;color:var(--primary-light-color);font-size:1.2rem;vertical-align:middle;width:30%}label{color:#1a1b21;color:var(--primary-dark-color);margin-right:.5rem}.timer__buttons{display:flex;justify-content:space-around;width:80%}.timer__wrapper{align-items:center;background:#1a1b21;background:var(--primary-dark-color);border-radius:7.5rem;box-shadow:1rem 1.5rem 2rem rgba(0,0,0,.6);color:#f5f5f5;color:var(--primary-light-color);display:flex;height:13rem;justify-content:center;margin-bottom:2rem;width:13rem}.text{color:#777;text-align:center}.value{font-size:3rem}.alert{background-color:#fe716c;background-color:var(--red-accent-color);border-radius:.5rem;bottom:.5rem;color:#1a1b21;color:var(--primary-dark-color);display:inline-block;font-size:.8rem;left:9rem;padding:.5rem;position:relative}.active--btn,.counter{font-weight:600}.button__wrapper{display:flex;gap:.5rem}button{background-color:#1a1b21;background-color:var(--primary-dark-color);border:none;border-radius:50%;box-shadow:1rem .5rem 2rem rgba(0,0,0,.8);color:#549bab;color:var(--blue-accent-color);cursor:pointer;display:inline-block;font-size:1.5rem;font-weight:600;height:55px;margin-bottom:3rem;padding:.8rem;width:55px}.settings--btn{border-radius:.5rem;font-size:.8rem;height:auto;padding:.5rem;width:30%}.restart--btn{background-color:#1a1b21;background-color:var(--primary-dark-color);color:#fe716c;color:var(--red-accent-color)}.save--btn{margin-top:1.5rem}.break,button.active,button.active--label{background-color:#549bab;background-color:var(--blue-accent-color);border:2px solid #36636d;border:2px solid var(--green-accent-color);color:#1a1b21;color:var(--primary-dark-color)}button.active--label:hover,button.active:hover,button:hover{background-color:#fe716c;background-color:var(--red-accent-color);color:#1a1b21;color:var(--primary-dark-color)}
/*# sourceMappingURL=main.1053cf19.css.map*/