body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Montserrat-light";src:url(/timer-task/static/media/Montserrat-Light.409c7f79.ttf) format("truetype")}@font-face{font-family:"Montserrat-regular";src:url(/timer-task/static/media/Montserrat-Regular.ee653992.ttf) format("truetype")}@font-face{font-family:"Montserrat-bold";src:url(/timer-task/static/media/Montserrat-Bold.ade91f47.ttf) format("truetype")}*{box-sizing:border-box;font-family:"Montserrat-regular",sans-serif;margin:0;padding:0}header{margin:0;padding:20px;letter-spacing:4px;box-shadow:5px 5px 60px #d9d9d9,-5px -5px 60px #fff}@media screen and (min-width:768px){header{padding:40px 20px}}header h1{font-size:40px}footer,header h1{text-align:center}footer{margin-top:40px;padding:20px 10px;background:#00b894;color:#fff;font-size:20px;font-weight:300}@media screen and (min-width:768px){footer{padding:40px 20px}}footer p{margin:10px auto;word-wrap:break-word}.add-task{padding:15px 20px;border:1px solid #fff;border-radius:30px;font-size:22px;letter-spacing:2px;font-weight:700;color:#fff;background:#55efc4;background:linear-gradient(90deg,#55efc4,#ffeaa7 65%,#ff7675);transition:all .4s ease-in}.add-task:hover{box-shadow:20px 20px 60px #d9d9d9,-20px -20px 60px #fff}#task-container{max-width:1180px;margin:auto}#task-container h2{font-size:40px;letter-spacing:3px;text-align:center;margin:40px auto}#task-container ul{list-style:none}#task-container ul li{display:flex;justify-content:space-between;max-width:670px;width:95%;min-height:100px;margin:0 auto 25px;padding:30px 25px;border-radius:8px;background:#fff;box-shadow:20px 20px 60px #d9d9d9,-20px -20px 60px #fff}@media screen and (min-width:768px){#task-container ul li{padding:30px 25px 30px 35px}}#task-container ul li.task-item.low{border-left:14px solid #55efc4}#task-container ul li.task-item.medium{border-left:14px solid #ffeaa7}#task-container ul li.task-item.high{border-left:14px solid #ff7675}#task-container ul li.task-complete p{text-decoration:line-through}#task-container ul li .content p{margin-bottom:10px;font-size:26px;word-break:keep-all}#task-container ul li .content span{font-size:18px;font-weight:300}#task-container ul li .action{display:flex}#task-container ul li .action div{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer}#task-container ul li .action div.done{margin-left:5px;margin-right:10px}#task-container .empty-tasks{text-align:center;font-size:20px;line-height:40px}#modal-task{top:0}#modal-task,#modal-task .modal{position:fixed;right:0;left:0;bottom:0}#modal-task .modal{width:100%;z-index:11;background:#fff;border-top-left-radius:8px;border-top-right-radius:8px;padding:20px}#modal-task .modal h3{text-align:center;margin-top:20px;margin-bottom:20px;font-size:28px}#modal-task .modal .input-text-container{width:100%;display:flex;flex-direction:column;justify-content:space-around;margin:auto auto 15px}@media screen and (min-width:768px){#modal-task .modal .input-text-container{max-width:50%}}#modal-task .modal .input-text-container input{width:100%;margin:20px auto;border:0;border-bottom:3px solid #d3d3d3;padding:10px;font-size:16px}#modal-task .modal .checkbox-container{display:flex;justify-content:space-around;margin:auto auto 15px}@media screen and (min-width:768px){#modal-task .modal .checkbox-container{max-width:50%}}#modal-task .modal .checkbox-container .priority-check label{display:flex;justify-content:space-around;align-items:center;flex-direction:column;padding:10px;border:1px solid transparent;border-radius:8px;opacity:.8;font-size:16px;font-weight:700;color:#fff;cursor:pointer;width:80px;height:80px}@media screen and (min-width:768px){#modal-task .modal .checkbox-container .priority-check label{width:100px;height:100px}}#modal-task .modal .checkbox-container .priority-check label.low{background-color:#55efc4;box-shadow:19px 19px 65px #d9d9d9,-19px -19px 65px #fff}#modal-task .modal .checkbox-container .priority-check label.medium{background-color:#ffeaa7;box-shadow:19px 19px 65px #d9d9d9,-19px -19px 65px #fff}#modal-task .modal .checkbox-container .priority-check label.high{background-color:#ff7675;box-shadow:19px 19px 65px #d9d9d9,-19px -19px 65px #fff}#modal-task .modal .checkbox-container .priority-check label input{margin-bottom:10px}#modal-task .modal .input-action-container{text-align:center}#modal-task .modal .input-action-container input{border-radius:0}#modal-task .modal .input-action-container input.validate{width:100%;padding:10px;border-radius:8px;border:1px solid transparent;background-color:#55efc4;color:#fff;font-weight:700;font-size:20px}#modal-task .overlay{z-index:10;position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000;opacity:.8}#add-task-container{margin:50px auto;text-align:center}.openModal{display:block}.closeModal{display:none}#timer{max-width:1180px;margin:auto}#timer h2{text-align:center;margin:40px auto}#timer h2.title-part{font-size:40px}#timer form{max-width:510px;text-align:center;margin:40px auto;padding:20px;display:flex;align-items:center;justify-content:space-around;border:1px solid transparent;border-radius:15px;box-shadow:45px 45px 230px #d9d9d9,-45px -45px 230px #fff}#timer form input{width:75px;height:75px;color:#00b894;text-align:center;font-size:40px;border:1px solid transparent;border-radius:8px;box-shadow:41px 41px 82px #d9d9d9,-41px -41px 82px #fff}@media screen and (min-width:768px){#timer form input{width:90px;height:90px}}#timer form input::-webkit-input-placeholder{color:#74b9ff;font-size:16px;opacity:.6;text-align:center}#timer form input:-ms-input-placeholder{color:#74b9ff;font-size:16px;opacity:.6;text-align:center}#timer form input::-ms-input-placeholder{color:#74b9ff;font-size:16px;opacity:.6;text-align:center}#timer form input::placeholder{color:#74b9ff;font-size:16px;opacity:.6;text-align:center}@media screen and (min-width:768px){#timer form input::-webkit-input-placeholder{font-size:20px}#timer form input:-ms-input-placeholder{font-size:20px}#timer form input::-ms-input-placeholder{font-size:20px}#timer form input::placeholder{font-size:20px}}#timer form input::-webkit-inner-spin-button,#timer form input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#timer form input[type=number]{-moz-appearance:textfield}#timer form label{font-size:40px;font-weight:700}#timer form .start{border-radius:50px;font-size:16px;font-weight:700;border:1px solid transparent;background-color:#fff;transition:all .3s ease-in;box-shadow:41px 41px 82px #d9d9d9,-41px -41px 82px #fff}@media screen and (min-width:768px){#timer form .start{font-size:20px}}#timer form .start:hover{background-color:#00b894;color:#fff}#timer .control-area{margin:20px auto}#timer .control-area .timer-print{font-size:76px}#timer .control-area .control-button{display:flex;align-items:center;justify-content:center;margin:auto;cursor:pointer;width:96px;height:96px;border-radius:45px;border:1px solid transparent;box-shadow:20px 20px 100px #d9d9d9,20px 20px 100px #fff}#timer .control-area .control-button img{width:64px;height:64px;border-radius:45px}
/*# sourceMappingURL=main.93c297f6.chunk.css.map */