@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap";*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}html{font-size:10px;font-family:Roboto,sans-serif}body{background-image:url(/assets/bg-IU6HD3pc.jpg);background-size:cover;background-repeat:repeat;background-position:center}body.darkmode{color:#fff}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000026;z-index:-1}body.darkmode:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:-1}.todo{display:flex;flex-direction:column;margin:25px 40px;background-color:#fffc;border:4px solid #001C30;border-radius:5px}.todo.darkmode{background-color:#0d0d0dcc;border-color:#fcfeff}@media (min-width: 781px){.todo{width:75%;margin:25px auto 75px}}@media (min-width: 1024px){.todo{width:55%}}.todo__title{text-align:center;font-size:2.2rem;margin:25px 0;font-family:Oswald,sans-serif}.todo__title .todo__icon{position:relative;top:7px;height:33px}@media (min-width: 781px){.todo__title .todo__icon{height:38px}}@media (min-width: 781px){.todo__title .todo__icon{height:45px}}@media (min-width: 781px){.todo__title{font-size:3rem}}@media (min-width: 1024px){.todo__title{font-size:3.8rem}}footer{position:fixed;left:0;bottom:0;width:100%;height:40px;background-color:#000;color:#fff;text-align:center;line-height:40px;font-size:1.3rem}footer a{color:#00f}.addtask__btn{position:relative;left:50%;transform:translate(-50%);width:55%;font-size:1.6rem;padding:12.5px 25px;outline:none;border:2px solid black;border-bottom:6px solid #660000;border-radius:10px;font-weight:700;font-family:Oswald,sans-serif;text-transform:uppercase;background-color:#ffc93c;cursor:pointer;transition:.5s}.addtask__btn:hover{background-color:#f33;border:2px solid transparent;border-bottom:6px solid #cc0000}@media (min-width: 1024px){.addtask__btn{width:40%}}.addtask{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#00000080;z-index:1}.addtask__form{position:absolute;top:20%;left:10%;right:10%;bottom:20%;min-height:300px;background-color:#f5efe7;border:2px solid black;border-radius:10px}.addtask__form.darkmode{background-color:#080202;border-color:#fff}@media (min-width: 781px){.addtask__form{right:20%;left:20%;bottom:20%}}@media (min-width: 1024px){.addtask__form{right:25%;left:25%;bottom:30%}}.addtask__form .addtask__xmark{position:absolute;top:2%;right:2%;font-size:3rem;cursor:pointer}.addtask__form .addtask__title{text-align:center;font-size:1.3rem;margin:25px 0;font-family:Oswald,sans-serif}@media (min-width: 781px){.addtask__form .addtask__title{font-size:1.6rem}}.addtask__form .addtask__input,.addtask__form .addtask__select,.addtask__form .addtask__calendar{position:relative;width:80%;left:20%;transform:translate(-20%);margin-top:3%;font-size:1.2rem;font-weight:700}.addtask__form .addtask__input.darkmode input,.addtask__form .addtask__input.darkmode select,.addtask__form .addtask__select.darkmode input,.addtask__form .addtask__select.darkmode select,.addtask__form .addtask__calendar.darkmode input,.addtask__form .addtask__calendar.darkmode select{background-color:#213555;color:#fff}.addtask__form .addtask__input input,.addtask__form .addtask__input select,.addtask__form .addtask__select input,.addtask__form .addtask__select select,.addtask__form .addtask__calendar input,.addtask__form .addtask__calendar select{padding:6.25px 2px;border:none;border-bottom:2px solid gray}.addtask__form .addtask__input input:focus,.addtask__form .addtask__input select:focus,.addtask__form .addtask__select input:focus,.addtask__form .addtask__select select:focus,.addtask__form .addtask__calendar input:focus,.addtask__form .addtask__calendar select:focus{border:none;border-bottom:2px solid rgb(101,198,230);outline:none}.addtask__form .addtask__submit{position:absolute;bottom:10%;left:20%;right:20%;padding:12.5px 25px;outline:none;border:2px solid black;border-bottom:6px solid #660000;border-radius:10px;font-weight:700;font-family:Oswald,sans-serif;text-transform:uppercase;background-color:#ffc93c;cursor:pointer;transition:.5s}.addtask__form .addtask__submit:hover{background-color:#f33;border:2px solid transparent;border-bottom:6px solid #cc0000}.addtask__confirm{position:fixed;bottom:60px;background-color:#90ee90;border-radius:25px;padding:10px 20px;font-size:1.5rem;animation:addTaskAnimation 3s linear both;border:2px solid black;font-weight:700}@keyframes addTaskAnimation{0%{right:-40%}15%{right:40px}85%{right:40px}to{right:-40%}}.line{margin:8% auto;width:94%;border-top:4px solid black;border-top-style:dashed}.line.darkmode{border-color:#fff}@media (min-width: 581px){.line{margin:5% auto}}@media (min-width: 1024px){.line{margin:3% auto}}.tasklist__description{font-size:1.2rem;margin-bottom:3%;color:#f70776}@media (min-width: 581px){.tasklist__description{font-size:1.4rem}}@media (min-width: 1024px){.tasklist__description{font-size:1.6rem}}.tasklist__title{margin-left:3%;font-size:1.6rem;margin-bottom:12.5px;font-family:Oswald,sans-serif}@media (min-width: 781px){.tasklist__title{font-size:2rem}}@media (min-width: 1024px){.tasklist__title{font-size:2.4rem}}.tasklist__container{margin-left:3%;margin-right:3%;font-size:1.2rem;margin-bottom:3%}@media (min-width: 781px){.tasklist__container{font-size:1.4rem}}@media (min-width: 1024px){.tasklist__container{font-size:1.6rem}}.tasklist__container .tasklist__circle{font-size:.8rem;vertical-align:middle}.tasklist__container .tasklist__task{padding:10px 0 2px;border-bottom:1px solid gray}.tasklist__container .tasklist__priority{color:gold}.tasklist__container .tasklist__icons{width:100%;text-align:center;font-size:1.7rem}@media (min-width: 781px){.tasklist__container .tasklist__icons{font-size:1.9rem}}.tasklist__container .tasklist__complete,.tasklist__container .tasklist__edit,.tasklist__container .tasklist__delete{cursor:pointer;margin:2px 10px;border-radius:50%;padding:3px 5px}@media (min-width: 781px){.tasklist__container .tasklist__complete,.tasklist__container .tasklist__edit,.tasklist__container .tasklist__delete{margin:3px 15px}}.tasklist__container .tasklist__complete:hover,.tasklist__container .tasklist__edit:hover,.tasklist__container .tasklist__delete:hover{transform:scale(1.3);background-color:gray}.cleartask__btn{position:relative;margin-top:2rem;left:50%;transform:translate(-50%);width:55%;font-size:1.6rem;padding:12.5px 25px;outline:none;border:2px solid black;border-bottom:6px solid #660000;border-radius:10px;font-weight:700;font-family:Oswald,sans-serif;text-transform:uppercase;background-color:#ffc93c;cursor:pointer;transition:.5s}.cleartask__btn:hover{background-color:#f33;border:2px solid transparent;border-bottom:6px solid #cc0000}@media (min-width: 1024px){.cleartask__btn{width:40%}}.completedtask__title{margin-left:3%;font-size:1.6rem;margin-bottom:12.5px;font-family:Oswald,sans-serif}@media (min-width: 781px){.completedtask__title{font-size:2rem}}@media (min-width: 1024px){.completedtask__title{font-size:2.4rem}}.completedtask__container{margin-left:6%;margin-right:6%;font-size:1.1rem;margin-bottom:3%}@media (min-width: 781px){.completedtask__container{font-size:1.25rem}}@media (min-width: 1024px){.completedtask__container{font-size:1.4rem}}.completedtask__container .completedtask__task{padding:10px 0 2px}.completedtask__container li::marker{font-weight:700}.completedtask__container span{color:#096e09;font-weight:700}.editform{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#00000080;z-index:1}.editform__form{position:fixed;top:20%;left:10%;right:10%;bottom:20%;min-height:300px;background-color:#fff;border:2px solid gray;z-index:1}.editform__form.darkmode{background-color:#000}@media (min-width: 781px){.editform__form{left:25%;right:25%}}@media (min-width: 1024px){.editform__form{left:30%;right:30%}}.editform .editform__xmark{position:absolute;top:2%;right:2%;font-size:3rem;cursor:pointer}.editform .editform__title{text-align:center;font-size:1.3rem;margin:25px 0;font-family:Oswald,sans-serif}@media (min-width: 781px){.editform .editform__title{font-size:1.6rem}}.editform .editform__input{position:relative;width:100%;left:50%;transform:translate(-50%);margin-top:3%;font-weight:700;font-size:1.2rem}.editform .editform__input.darkmode input{background-color:#001c30;color:#fff}.editform .editform__input.darkmode input:focus{border-color:#fff}.editform .editform__input label{display:block;text-align:center}.editform .editform__input input,.editform .editform__input select{display:block;padding:6.25px 10px;border:3px solid gray;width:80%;margin:10px auto}.editform .editform__input input:focus,.editform .editform__input select:focus{border:3px solid black;outline:none}.editform .editform__oldvalue{margin-top:15px;text-align:center}.editform .editform__btn{position:absolute;bottom:10%;left:20%;right:20%;padding:12.5px 25px;outline:none;border:2px solid black;border-bottom:6px solid #660000;border-radius:10px;font-weight:700;font-family:Oswald,sans-serif;text-transform:uppercase;background-color:#ffc93c;cursor:pointer;transition:.5s}.editform .editform__btn:hover{background-color:#f33;border:2px solid transparent;border-bottom:6px solid #cc0000}.sorting__container{position:fixed;top:0;background-color:#fff;height:100%;right:-100%;width:100%;transition:right .5s}.sorting__container.darkmode{background-color:#000}@media (min-width: 581px){.sorting__container{width:300px;border-left:3px solid black}.sorting__container.darkmode{border-color:#fff}}.sorting__container--active{right:0}.sorting__container .sorting__icon{position:fixed;top:3%;right:2%;font-size:2.5rem;cursor:pointer}.sorting__container .sorting__title{text-align:center;font-size:1.3rem;margin:25px 0;font-family:Oswald,sans-serif}@media (min-width: 781px){.sorting__container .sorting__title{font-size:1.6rem}}.sorting__container .sorting__options-container{display:flex;flex-direction:column;text-align:center;height:80%;justify-content:space-evenly}.sorting__container .sorting__options-container .sorting__option{font-size:1.5rem;cursor:pointer}.sorting__container .sorting__options-container .sorting__option .sorting__option-icon{font-size:2rem}.importtasks__container{margin:25px 0}.importtasks__container .importtasks__title{text-align:center;font-size:1.3rem;margin:25px 0;font-family:Oswald,sans-serif}@media (min-width: 781px){.importtasks__container .importtasks__title{font-size:1.6rem}}.importtasks__container .importtasks__btn-container{margin-top:20px}.importtasks__container .importtasks__btn-container button{border:none;background-color:transparent;font-weight:700;cursor:pointer;font-size:1.3rem}.importtasks__container .importtasks__btn-container button.darkmode{color:#fff}.importtasks__container .importtasks__btn-container label{font-weight:700;cursor:pointer;font-size:1.3rem}.importtasks__container .importtasks__btn-container .importtasks__icon{font-size:2rem}.deletetask__container{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#00000080;z-index:1}.deletetask__container .deletetask__confirm{position:fixed;left:50%;top:30%;transform:translate(-50%);background-color:#fff;border:2px solid black;padding:0 25px}.deletetask__container .deletetask__confirm.darkmode{background-color:#000;border-color:#fff}.deletetask__container .deletetask__confirm .deletetask__title{text-align:center;font-size:1.3rem;margin:25px 0;font-family:Oswald,sans-serif}@media (min-width: 781px){.deletetask__container .deletetask__confirm .deletetask__title{font-size:1.6rem}}.deletetask__container .deletetask__confirm .deletetask__options{display:flex;justify-content:space-between;padding-bottom:25px}.deletetask__container .deletetask__confirm .deletetask__options button{padding:3px 5px;margin:5px 15px;font-size:1.6rem;border:none;background-color:transparent;cursor:pointer;width:80px;border-radius:5px}.deletetask__container .deletetask__confirm .deletetask__options .deletetask__yes{border:2px solid green;background-color:#90ee90}.deletetask__container .deletetask__confirm .deletetask__options .deletetask__yes:hover{background-color:green}.deletetask__container .deletetask__confirm .deletetask__options .deletetask__no{border:2px solid red;background-color:#de6767}.deletetask__container .deletetask__confirm .deletetask__options .deletetask__no:hover{background-color:red}.toggle__title{text-align:center;font-size:1.3rem;margin:25px 0;font-family:Oswald,sans-serif}@media (min-width: 781px){.toggle__title{font-size:1.6rem}}.toggle{cursor:pointer;display:inline-block}.toggle-switch{display:inline-block;background:#ccc;border-radius:16px;width:58px;height:32px;position:relative;vertical-align:middle;transition:background .25s}.toggle-switch:before,.toggle-switch:after{content:""}.toggle-switch:before{display:block;background:linear-gradient(to bottom,#fff 0%,#eee 100%);border-radius:50%;box-shadow:0 0 0 1px #00000040;width:24px;height:24px;position:absolute;top:4px;left:4px;transition:left .25s}.toggle:hover .toggle-switch:before{background:linear-gradient(to bottom,#fff 0%,#fff 100%);box-shadow:0 0 0 1px #00000080}.toggle-checkbox:checked+.toggle-switch{background:#56c080}.toggle-checkbox:checked+.toggle-switch:before{left:30px}.toggle-checkbox{position:absolute;visibility:hidden}.toggle__icon{position:relative;top:4px;font-size:2rem;height:24px;padding:0 10px}