body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;padding:0}*,main{margin:0}main{display:flex;height:100vh;justify-content:space-between}.new-task{border-right:1px solid;flex-basis:40%}.to-do-list{flex-basis:60%;overflow-y:scroll;position:relative}@media only screen and (max-width:768px){main{flex-direction:column;overflow:hidden;position:relative}.new-task{background-color:#fff;border:0;border-left:2px solid;border-radius:20px;border-right:2px solid;border-top:2px solid;flex-basis:auto;position:absolute;width:100%;z-index:1000}.to-do-list{flex-basis:auto;overflow:auto}}.new-task h3.title{margin:1.5rem;text-align:center}.new-task .main-new-task{margin:0 auto;width:80%}.new-task .name-task{padding:30px 0;width:100%}.new-task .name-task input{border:2px solid #c9c4c4;border-radius:3px;display:block;height:30px;margin:0 auto;padding:15px;width:100%}.new-task .description textarea{border:2px solid #000;box-sizing:border-box;margin-top:10px;padding:10px;width:100%}.new-task .select{display:flex;gap:0;justify-content:space-between;margin-top:20px}.new-task .select .due-date,.new-task .select .priority{flex-basis:47%}.new-task .select .due-date input#date,select{border:2px solid #000;height:30px;margin-top:5px;padding:5px;width:100%}.new-task #submit{background-color:#4caf50;border:0;border-radius:5px;color:#fff;font-size:1rem;font-weight:700;height:35px;margin-top:4rem;width:100%}.new-task #submit:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.new-task .btnClose{display:none}@media only screen and (max-width:992px){.new-task .select{flex-direction:column}.new-task .select .priority{margin-top:1rem}}@media only screen and (max-width:768px){.new-task .btnClose{display:block;float:right}.new-task .main-new-task{width:95%}.new-task{height:100vh;transition:all .4s}}@media only screen and (max-width:992px){.new-task .main-new-task{width:92%}}.to-do-list h3.title{margin:1.5rem;text-align:center}.to-do-list .name-search input{border:2px solid #c9c4c4;border-radius:3px;display:block;height:30px;margin:0 auto;padding:15px;width:100%}.to-do-list .main{margin:0 auto;padding-bottom:7rem;width:80%}.to-do-list .name-search{padding:30px 0;width:100%}.to-do-list .item{border:1px solid;margin-bottom:20px}.to-do-list .head{align-items:center;display:flex;justify-content:space-between;padding:15px}.action--2,.to-do-list .action--1{border:none;border-radius:6px;color:#fff;padding:7px 25px}.action--2:hover,.to-do-list .action--1:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.to-do-list .action--1{background-color:#40cfe6}.to-do-list .action--2{background-color:#e75160}.to-do-list label{margin-left:30px}.to-do-list .head--1{position:relative;width:55%}.to-do-list .head--1 label{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:inherit}.to-do-list .checkbox{position:absolute;top:6px;-webkit-transform:scale(1.5);transform:scale(1.5)}.to-do-list .detail{border-top:1px solid;height:auto;padding:0 25px 25px}.to-do-list .main-new-task{margin:0 auto;width:98%}.to-do-list .name-task{padding:30px 0;width:100%}.to-do-list .name-task input{border:2px solid #c9c4c4;border-radius:3px;display:block;height:30px;margin:0 auto;padding:15px;width:100%}.to-do-list .description textarea{border:2px solid #000;box-sizing:border-box;margin-top:10px;padding:10px;width:100%}.to-do-list .select{display:flex;gap:0;justify-content:space-between;margin-top:20px}.to-do-list .select .due-date,.to-do-list .select .priority{flex-basis:47%}.to-do-list .select .due-date input#date,select{border:2px solid #000;height:30px;margin-top:5px;padding:5px;width:100%}.to-do-list #submit{background-color:#4caf50;border:0;border-radius:5px;color:#fff;font-size:1rem;font-weight:700;height:35px;margin-top:3rem;width:100%}.to-do-list .bulk{align-items:center;background-color:#cfcbcb;border-top:1px solid;bottom:0;display:flex;justify-content:space-between;padding:30px;position:fixed;width:60%}.to-do-list .btnOpen{display:none;line-height:1;-webkit-transform:scale(1.7);transform:scale(1.7)}.to-do-list .head .btn-group{display:flex;gap:5px}.to-do-list .bulk .btn-bulk{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}@media only screen and (max-width:480px){.to-do-list .head .btn-group{flex-direction:column}}@media only screen and (max-width:768px){.to-do-list .btnOpen{display:block;float:right}.to-do-list .main{width:95%}.to-do-list .bulk{width:100%}.to-do-list .detail{padding:0 10px 10px}.to-do-list .head{padding:8px 15px}}@media only screen and (max-width:992px){.to-do-list .main{width:92%}.to-do-list .detail{padding:0 15px 15px}.to-do-list .head--1{width:50%}}
/*# sourceMappingURL=main.bbb8a144.css.map*/