@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:Roboto,sans-serif;font-size:10px}body{background-color:#fcfcfc;background-image:radial-gradient(#444cf7 1.2px,#fcfcfc 0);background-size:24px 24px;opacity:1}body.darkmode{color:#fff}body:before{background-color:rgba(0,0,0,.05)}body.darkmode:before,body:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}body.darkmode:before{background-color:rgba(0,0,0,.8)}.todo{background-color:hsla(0,0%,100%,.8);border:4px solid #001c30;border-radius:5px;display:flex;flex-direction:column;margin:25px 40px}.todo.darkmode{background-color:hsla(0,0%,5%,.8);border-color:#fcfeff}@media(min-width:781px){.todo{margin:25px auto 75px;width:75%}}@media(min-width:1024px){.todo{width:55%}}.todo__title{font-family:Oswald,sans-serif;font-size:2.2rem;margin:25px 0;text-align:center}.todo__title .todo__icon{height:33px;position:relative;top:7px}@media(min-width:781px){.todo__title .todo__icon{height:38px;height:45px}.todo__title{font-size:3rem}}@media(min-width:1024px){.todo__title{font-size:3.8rem}}footer{background-color:#000;bottom:0;color:#fff;font-size:1.3rem;height:40px;left:0;line-height:40px;position:fixed;text-align:center;width:100%}footer a{color:blue}.addtask__btn{background-color:red;border:2px solid #000;border-bottom:6px solid #600;border-radius:10px;cursor:pointer;font-family:Oswald,sans-serif;font-size:1.6rem;font-weight:700;left:50%;outline:none;padding:12.5px 25px;position:relative;text-transform:uppercase;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.5s;width:55%}.addtask__btn:hover{background-color:#f33;border:2px solid transparent;border-bottom:6px solid #c00}@media(min-width:1024px){.addtask__btn{width:40%}}.addtask{background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1}.addtask__form{background-color:#f5efe7;border:2px solid #000;border-radius:10px;bottom:20%;left:10%;min-height:300px;position:absolute;right:10%;top:20%}.addtask__form.darkmode{background-color:#080202;border-color:#fff}@media(min-width:781px){.addtask__form{bottom:20%;left:20%;right:20%}}@media(min-width:1024px){.addtask__form{bottom:30%;left:30%;right:30%}}.addtask__form .addtask__xmark{cursor:pointer;font-size:3rem;position:absolute;right:2%;top:2%}.addtask__form .addtask__title{font-family:Oswald,sans-serif;font-size:1.3rem;margin:25px 0;text-align:center}@media(min-width:781px){.addtask__form .addtask__title{font-size:1.6rem}}.addtask__form .addtask__calendar,.addtask__form .addtask__input,.addtask__form .addtask__select{font-size:1.2rem;font-weight:700;left:20%;margin-top:2%;position:relative;-webkit-transform:translateX(-20%);transform:translateX(-20%);width:80%}.addtask__form .addtask__calendar.darkmode input,.addtask__form .addtask__calendar.darkmode select,.addtask__form .addtask__input.darkmode input,.addtask__form .addtask__input.darkmode select,.addtask__form .addtask__select.darkmode input,.addtask__form .addtask__select.darkmode select{background-color:#213555;color:#fff}.addtask__form .addtask__calendar input,.addtask__form .addtask__calendar select,.addtask__form .addtask__input input,.addtask__form .addtask__input select,.addtask__form .addtask__select input,.addtask__form .addtask__select select{border:none;border-bottom:2px solid gray;display:block;padding:6.25px 2px}.addtask__form .addtask__calendar input:focus,.addtask__form .addtask__calendar select:focus,.addtask__form .addtask__input input:focus,.addtask__form .addtask__input select:focus,.addtask__form .addtask__select input:focus,.addtask__form .addtask__select select:focus{border:none;border-bottom:2px solid #65c6e6;outline:none}.addtask__form .addtask__submit{background-color:red;border:2px solid #000;border-bottom:6px solid #600;border-radius:10px;bottom:10%;cursor:pointer;font-family:Oswald,sans-serif;font-weight:700;left:20%;outline:none;padding:12.5px 25px;position:absolute;right:20%;text-transform:uppercase;transition:.5s}.addtask__form .addtask__submit:hover{background-color:#f33;border:2px solid transparent;border-bottom:6px solid #c00}.addtask__confirm{-webkit-animation:addTaskAnimation 3s linear both;animation:addTaskAnimation 3s linear both;background-color:#90ee90;border:2px solid #000;border-radius:25px;bottom:60px;font-size:1.5rem;font-weight:700;padding:10px 20px;position:fixed}@-webkit-keyframes addTaskAnimation{0%{right:-40%}15%{right:40px}85%{right:40px}to{right:-40%}}@keyframes addTaskAnimation{0%{right:-40%}15%{right:40px}85%{right:40px}to{right:-40%}}.line{border-top:4px dashed #000;margin:8% auto;width:94%}.line.darkmode{border-color:#fff}@media(min-width:581px){.line{margin:5% auto}}@media(min-width:1024px){.line{margin:3% auto}}.tasklist__title{font-family:Oswald,sans-serif;font-size:1.6rem;margin-bottom:12.5px;margin-left:3%}@media(min-width:781px){.tasklist__title{font-size:2rem}}@media(min-width:1024px){.tasklist__title{font-size:2.4rem}}.tasklist__container{font-size:1.2rem;margin-bottom:3%;margin-left:3%;margin-right: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{border-bottom:1px solid gray;padding:10px 0 2px}.tasklist__container .tasklist__priority{color:gold}.tasklist__container .tasklist__icons{font-size:1.7rem;text-align:center;width:100%}@media(min-width:781px){.tasklist__container .tasklist__icons{font-size:1.9rem}}.tasklist__container .tasklist__complete,.tasklist__container .tasklist__delete,.tasklist__container .tasklist__edit{border-radius:50%;cursor:pointer;margin:2px 10px;padding:3px 5px}@media(min-width:781px){.tasklist__container .tasklist__complete,.tasklist__container .tasklist__delete,.tasklist__container .tasklist__edit{margin:3px 15px}}.tasklist__container .tasklist__complete:hover,.tasklist__container .tasklist__delete:hover,.tasklist__container .tasklist__edit:hover{background-color:gray;-webkit-transform:scale(1.3);transform:scale(1.3)}.completedtask__title{font-family:Oswald,sans-serif;font-size:1.6rem;margin-bottom:12.5px;margin-left:3%}@media(min-width:781px){.completedtask__title{font-size:2rem}}@media(min-width:1024px){.completedtask__title{font-size:2.4rem}}.completedtask__container{font-size:1.1rem;margin-bottom:3%;margin-left:6%;margin-right:6%}@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{background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1}.editform__form{background-color:#fff;border:2px solid gray;bottom:20%;left:10%;min-height:300px;position:fixed;right:10%;top:20%;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{cursor:pointer;font-size:3rem;position:absolute;right:2%;top:2%}.editform .editform__title{font-family:Oswald,sans-serif;font-size:1.3rem;margin:25px 0;text-align:center}@media(min-width:781px){.editform .editform__title{font-size:1.6rem}}.editform .editform__input{font-size:1.2rem;font-weight:700;left:50%;margin-top:3%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.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{border:3px solid gray;display:block;margin:10px auto;padding:6.25px 10px;width:80%}.editform .editform__input input:focus{border:3px solid #000;outline:none}.editform .editform__oldvalue{margin-top:15px;text-align:center}.editform .editform__btn{background-color:red;border:2px solid #000;border-bottom:6px solid #600;border-radius:10px;bottom:10%;cursor:pointer;font-family:Oswald,sans-serif;font-weight:700;left:20%;outline:none;padding:12.5px 25px;position:absolute;right:20%;text-transform:uppercase;transition:.5s}.editform .editform__btn:hover{background-color:#f33;border:2px solid transparent;border-bottom:6px solid #c00}.sorting__container{background-color:#fff;height:100%;position:fixed;right:-100%;top:0;transition:right .5s;width:100%}.sorting__container.darkmode{background-color:#000}@media(min-width:581px){.sorting__container{border-left:3px solid #000;width:300px}.sorting__container.darkmode{border-color:#fff}}.sorting__container--active{right:0}.sorting__container .sorting__icon{cursor:pointer;font-size:2.5rem;position:fixed;right:2%;top:3%}.sorting__container .sorting__title{font-family:Oswald,sans-serif;font-size:1.3rem;margin:25px 0;text-align:center}@media(min-width:781px){.sorting__container .sorting__title{font-size:1.6rem}}.sorting__container .sorting__options-container{display:flex;flex-direction:column;height:80%;justify-content:space-evenly;text-align:center}.sorting__container .sorting__options-container .sorting__option{cursor:pointer;font-size:1.5rem}.sorting__container .sorting__options-container .sorting__option .sorting__option-icon{font-size:2rem}.importtasks__container{margin:25px 0}.importtasks__container .importtasks__title{font-family:Oswald,sans-serif;font-size:1.3rem;margin:25px 0;text-align:center}@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{background-color:transparent;border:none;cursor:pointer;font-size:1.3rem;font-weight:700}.importtasks__container .importtasks__btn-container button.darkmode{color:#fff}.importtasks__container .importtasks__btn-container label{cursor:pointer;font-size:1.3rem;font-weight:700}.importtasks__container .importtasks__btn-container .importtasks__icon{font-size:2rem}.deletetask__container{background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1}.deletetask__container .deletetask__confirm{background-color:#fff;border:2px solid #000;left:50%;padding:0 25px;position:fixed;top:30%;-webkit-transform:translate(-50%);transform:translate(-50%)}.deletetask__container .deletetask__confirm.darkmode{background-color:#000;border-color:#fff}.deletetask__container .deletetask__confirm .deletetask__title{font-family:Oswald,sans-serif;font-size:1.3rem;margin:25px 0;text-align:center}@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{background-color:transparent;border:none;border-radius:5px;cursor:pointer;font-size:1.6rem;margin:5px 15px;padding:3px 5px;width:80px}.deletetask__container .deletetask__confirm .deletetask__options .deletetask__yes{background-color:#90ee90;border:2px solid green}.deletetask__container .deletetask__confirm .deletetask__options .deletetask__yes:hover{background-color:green}.deletetask__container .deletetask__confirm .deletetask__options .deletetask__no{background-color:#de6767;border:2px solid red}.deletetask__container .deletetask__confirm .deletetask__options .deletetask__no:hover{background-color:red}.toggle__title{font-family:Oswald,sans-serif;font-size:1.3rem;margin:25px 0;text-align:center}@media(min-width:781px){.toggle__title{font-size:1.6rem}}.toggle{cursor:pointer;display:inline-block}.toggle-switch{background:#ccc;border-radius:16px;display:inline-block;height:32px;position:relative;transition:background .25s;vertical-align:middle;width:58px}.toggle-switch:after,.toggle-switch:before{content:""}.toggle-switch:before{background:linear-gradient(180deg,#fff 0,#eee);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.25);display:block;height:24px;left:4px;position:absolute;top:4px;transition:left .25s;width:24px}.toggle:hover .toggle-switch:before{background:linear-gradient(180deg,#fff 0,#fff);box-shadow:0 0 0 1px rgba(0,0,0,.5)}.toggle-checkbox:checked+.toggle-switch{background:#56c080}.toggle-checkbox:checked+.toggle-switch:before{left:30px}.toggle-checkbox{position:absolute;visibility:hidden}.toggle__icon{font-size:2rem;height:24px;padding:0 10px;position:relative;top:4px}
/*# sourceMappingURL=main.3e3f43ed.css.map*/