@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";#root{margin:0 auto;text-align:center}.header{background-color:#000;padding:.5rem 0}.header__title{margin:0;color:#edf4ff}.button{font-size:1rem;text-shadow:1px 1px 2px rgb(20,20,20);font-weight:400;color:#edf4ff;text-decoration:none;padding:.6rem 1.2rem;border-radius:25px;line-height:normal;max-width:180px;cursor:pointer;transition:ease-in-out .15s}.button:hover{filter:drop-shadow(5px 2px 4px black)}.button:active{transform:scale(95%);filter:drop-shadow(-2px -2p 4px black)}.button.-disabled{pointer-events:none;background-color:gray}.button__icon{height:1rem;margin-right:.5rem;color:#edf4ff}.button.edit,.button.create{background-color:#00719c}.button.delete{background-color:#800020}.modal-page{z-index:1000;width:100vw;height:100vh;background-color:#fff6;position:fixed;top:0;left:0;transform:translateY(-120%);font-size:clamp(.5rem,2vw,1rem);transition:ease-in-out .6s}.modal-page.-show{transform:translateY(0)}.modal-page__container{margin:5rem auto;background-color:#edf4ff;border-radius:25px;width:50%;-webkit-box-shadow:3px 3px 7px 4px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 7px 4px rgba(0,0,0,.3);box-shadow:3px 3px 7px 4px #0000004d}@media only screen and (max-width: 300px){.modal-page__container{width:80%}}.modal-page__message{color:#001f2b;text-align:center;padding:3rem 1.5rem}@media only screen and (max-width: 300px){.modal-page__message{padding:.5rem}}.modal-page__buttons{display:flex;justify-content:center}@media only screen and (max-width: 450px){.modal-page__buttons{display:block;text-align:center}}.modal-page__button{width:150px;margin:2rem}@media only screen and (max-width: 480px){.modal-page__button{transform:scale(.9);margin:1.5rem}}@media only screen and (max-width: 480px){.modal-page__button{transform:scale(.9);margin:.5rem}}@media only screen and (max-width: 300px){.modal-page__button{transform:scale(.6);margin:.5rem}}.snackbar{z-index:1000;padding:.8rem 1.8rem;color:#fff;position:fixed;top:-20rem;left:50%;transform:translate(-50%);transition:ease-in-out .6s}.snackbar.-show{top:1rem}.snackbar.-success{background-color:#07ce07}.snackbar.-error{background-color:red}.snackbar.-info{background-color:#8787ff}.snackbar__container{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.snackbar__icon-box{background-color:#f5f5f5;border-radius:50%;padding:0 15px;color:#000;transform:scale(.8)}.snackbar__icon-box.-success{color:#07ce07}.snackbar__icon-box.-error{color:red}.snackbar__icon-box.-info{color:#8787ff}.snackbar__icon{line-height:1;font-size:1.5rem;font-weight:bolder;transform:scale(1.8)}.snackbar__text{text-align:center}.task-card{width:30%;text-align:left;background-color:#edf4ff;color:#001f2b;margin:1rem auto;padding:.5rem;border-radius:20px}@media only screen and (max-width: 1024px){.task-card{padding:1rem;width:40%}}@media only screen and (max-width: 767px){.task-card{padding:1rem;width:90%}}.task-card .low{width:1px;height:1px;border-radius:50%;background-color:gray}.task-card .mid{width:1px;height:1px;border-radius:50%;background-color:#ff0}.task-card .high{width:1px;height:1px;border-radius:50%;background-color:red}.task-card__title{margin:0;padding:0;display:flex;justify-content:space-around}@media only screen and (max-width: 640px){.task-card__title{display:block;text-align:center;margin:.2rem auto}}.task-card__title-text{margin:auto 0;font-size:1.3rem;font-weight:600}.task-card__description-header{display:flex;justify-content:space-between}@media only screen and (max-width: 320px){.task-card__description-header{flex-direction:column-reverse}}.task-card__status-text,.task-card__description-title{font-weight:600}.task-card__date{margin-top:1.5rem;font-size:.8rem;font-weight:300}.task-card__separator{color:#0006}.task-card__buttons{display:flex;justify-content:space-around}@media only screen and (max-width: 350px){.task-card__buttons{display:block;text-align:center}}@media only screen and (max-width: 340px){.task-card__button{margin:.5rem auto}}.tasks-page{margin-top:1rem}.tasks-page__cards-container{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (max-width: 690px){.tasks-page__cards-container{display:block;width:80%;margin:auto}}.form-page{color:#001f2b;z-index:1000;width:100vw;height:100vh;background-color:#fff6;position:fixed;top:0;left:0;transform:translateY(-200%);font-size:clamp(.5rem,2vw,1rem);transition:ease-in-out .6s}.form-page.-show{transform:translateY(0);overflow:scroll}.form-page__container{padding:1rem;margin:5rem auto;background-color:#edf4ff;border-radius:25px;width:50%;height:auto;-webkit-box-shadow:3px 3px 7px 4px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 7px 4px rgba(0,0,0,.3);box-shadow:3px 3px 7px 4px #0000004d}.form-page__form-element{color:#001f2b;width:70%;display:block;text-align:left;background-color:#edf4ff;margin:1rem auto}@media only screen and (max-width: 340px){.form-page__form-element{width:50%;margin:1rem auto}}.form-page__error-message{text-align:left;margin:.2rem 3rem;color:#800020;font-weight:400;font-size:smaller}.form-page__select-container{display:flex;justify-content:center}@media only screen and (max-width: 540px){.form-page__select-container{flex-direction:column}}.form-page__priority-container,.form-page__status-container{width:40%}@media only screen and (max-width: 540px){.form-page__priority-container,.form-page__status-container{width:70%;margin:auto}}.form-page__buttons{display:flex;justify-content:center}@media only screen and (max-width: 540px){.form-page__buttons{display:block;text-align:center;margin:.2rem auto}}.form-page__button{width:150px;margin:2rem}.form-page__button.-disabled{background-color:gray}@media only screen and (max-width: 540px){.form-page__button{margin:.2rem auto}}:root{font-family:Roboto,sans-serif;font-weight:300;font-style:normal;color-scheme:light dark;color:#001f2b;background-color:#323030;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;padding:0;box-sizing:border-box}h1{font-size:3.2em}