#root{flex-grow:0;display:flex;justify-content:center;--inactive-color: rgba(129, 129, 129, .445);--main-color: rgb(220, 212, 255);--secundary-color: rgb(85, 195, 167);--highlight-color: rgb(111, 140, 190)}html{width:100%;height:100dvh;font-size:.9rem;background-color:var(--main-color)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif}.App{background-color:var(--main-color);width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.Header{display:flex;flex-direction:column;align-items:start;justify-content:space-evenly;padding-left:5%;background-color:var(--highlight-color);color:#f5f5f5;width:100%;min-height:2rem}.Nav{top:0;position:sticky;width:100%;padding-right:.5rem;background-color:var(--secundary-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center}.Home{margin:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.HomeBody{min-width:98%}.Project{display:flex;padding:.3rem .5rem;justify-content:space-between;align-items:center;border-color:var(--highlight-color)}.Project h2{font-size:1.2rem}.ProjectHeader :focus,.ProjectHeader :hover{background-color:var(--highlight-color);color:#f5f5f5;cursor:pointer}.FullProject{min-width:80%;border-style:solid;border-width:.2rem;border-color:var(--highlight-color);margin-bottom:1rem}.DeleteZone{display:flex;padding:.3rem .5rem;justify-content:space-between;border-top-style:solid;border-width:.12rem;border-color:var(--highlight-color)}.Task{display:flex;justify-content:space-between;min-width:100%;padding:.3rem .5rem;border-top-style:solid;border-width:.12rem;border-color:var(--highlight-color)}.TaskDate{font-size:.8rem}.Task :focus,.Task :hover{background-color:var(--highlight-color);color:#f5f5f5;cursor:pointer}.TaskForm{display:flex;flex-direction:column;min-width:80%}.Footer{display:flex;align-items:center;flex-direction:column;background-color:var(--main-color);width:100%;bottom:0;position:fixed}p,strong{font-size:1.1rem;padding:.25rem}i,strong{font-size:1.1rem;padding:.25rem;color:var(--highlight-color)}input{min-width:100%;border-radius:.25rem;font-size:1.2rem;padding:.1rem}button{border-radius:.35rem;font-size:1.2rem;margin:.5rem}.ButtonContainer{display:flex;align-items:center;justify-content:space-around;width:100%;flex-direction:row-reverse}.DeleteButton{min-width:5rem;padding-left:.25rem;padding-right:.25rem;font-size:1.2rem;font-weight:500;background-color:#7a0d2f;color:#f5f5f5}.SaveButton{min-width:5rem;padding-left:.25rem;padding-right:.25rem;font-size:1.2rem;font-weight:500;color:#f5f5f5;background-color:var(--highlight-color)}.modalBackGround{position:fixed;width:100%;height:100%;left:0;top:0;background-color:#0f1020cc;display:flex;justify-content:center;justify-items:center;align-items:center}.TaskModal{display:flex;flex-direction:column;align-items:center;border-radius:.25rem;background-color:var(--main-color);min-width:75%;max-width:80%;height:auto}.ModalTitle{padding-left:2rem;display:flex;align-items:center;width:100%}