body{background-color:#cde0c1;font-family:Roboto,Helvetica,sans-serif;font-size:large;height:100vh;justify-content:center;margin:0}.app,body{align-items:center;display:flex}.app{background-color:#fff;border:16px solid #b18f80;border-radius:16px;flex-direction:column;height:85vh;max-height:700px;max-width:450px;padding:25px;width:80vw}.app,.clip{box-shadow:0 10px 10px rgba(0,0,0,.2)}.clip{background-color:#909090;border-radius:5px;bottom:50px;height:50px;position:relative;width:140px}.top{display:flex;flex-direction:column;margin-top:-25px;width:100%}.title{color:#9acd32;font-size:xx-large;font-weight:700;margin-bottom:10px}button,input[type=submit]{background-color:#e8e8e8;border-radius:5px;border-style:hidden;color:#474747;cursor:pointer;font-weight:700;padding:8px}button:hover,input[type=submit]:hover{background-color:#9acd32;color:#fff}.addTaskBtn{align-self:flex-start}.redBtn:hover{background-color:#f08080;color:#fff}#delDoneBtn{margin-right:10px}.popupBg{height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.createPopup,.popupBg{align-items:center;display:flex}.createPopup{background-color:rgba(0,0,0,.6);border-radius:5px;flex-direction:column;padding:25px}input[type=date],input[type=time],textarea{font-size:large;width:100%}textarea{height:57px;resize:none}input[type=date]{margin-top:5px}input[type=submit]{margin-right:10px}.popupBtns{display:flex;justify-content:center;margin-top:10px}.errMsg{background-color:#f08080;border-radius:10px;color:#fff;display:flex;font-size:medium;font-weight:700;margin-bottom:10px;padding:4px 8px}.list{height:80vh;margin-bottom:20px;margin-top:20px;overflow-y:scroll;padding-left:5px;padding-right:5px;width:100%}.task{border-bottom:2px solid #9acd32;display:flex;justify-content:space-between;margin-top:16px}.task:hover{background-color:#f7ffe7}.taskL{display:flex}.checkbox input{height:0;position:absolute;width:0}.checkbox{cursor:pointer;padding-left:35px;position:relative}.checkmark{background-color:#cde0c1;border-radius:5px;height:25px;left:0;position:absolute;top:20%;width:25px}.checkbox:hover input~.checkmark{background-color:#9acd32}.checkbox input:checked~.checkmark{background-color:#ff916f}.checkbox:hover input:checked~.checkmark{background-color:#e86060}.checkmark:after{content:"";display:none;position:absolute}.checkbox input:checked~.checkmark:after{display:block}.checkbox .checkmark:after{border:solid #fff;border-width:0 3px 3px 0;height:15px;left:8px;top:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px}#done{color:#ff916f;text-decoration:line-through}.info{font-size:small}.taskR{flex-direction:row}#delBtn,#editBtn,.taskR{align-items:center;display:flex}#delBtn,#editBtn{font-size:24px;height:30px;justify-content:center;margin-left:10px;padding:0;width:30px}
/*# sourceMappingURL=main.6172c746.css.map*/