#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;background-color:var(--main-color)}.App{background-color:var(--main-color);width:100%;display:flex;flex-direction:column;justify-content:center;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:1rem 0;display:flex;flex-direction:column;align-items:center}.HomeBody{display:flex;flex-direction:column;justify-content:center;min-width:70%;max-width:70%}.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{margin-top:1rem;min-width:100%;max-width:100%;border-style:solid;border-width:.2rem;border-color:var(--highlight-color);margin-bottom:1rem}.ProjectPage{margin-top:1rem;min-width:90%;max-width:90%;border-style:solid;border-width:.2rem;border-color:var(--highlight-color)}.ProjectPage .DeleteButton{margin-top:5rem}.ProjectTitle{display:flex;justify-content:center;margin:.5rem 0}.DeleteZone{display:flex;padding:.7rem .5rem;justify-content:space-around;border-top-style:solid;border-width:.12rem;border-color:var(--highlight-color);min-width:100%}.DangerZone{margin-top:95%;padding-bottom:20rem}.Task{align-content:center;min-width:100%;border-top-style:solid;border-width:.12rem;border-color:var(--highlight-color)}.TaskDate{font-size:.8rem}.Task p{min-width:100%}.Task :focus,.Task :hover,.Task :focus i,.Task :hover i{background-color:var(--highlight-color);color:#f5f5f5;cursor:pointer}.TaskForm{display:flex;flex-direction:column;align-items:center;min-width:80%;max-width:80%}.Footer{display:flex;align-items:center;flex-direction:column;background-color:var(--main-color);bottom:0;position:fixed;background-color:var(--highlight-color);color:#f5f5f5;width:100%;min-height:2rem}.Footer a{color:#f5f5f5}p,strong{font-size:1.1rem;padding:.25rem}i,strong{font-size:1.1rem;padding:.25rem;color:var(--highlight-color)}input{min-width:100%;max-width:100%;border-radius:.2rem;font-size:1.2rem;padding:.1rem}button{border-radius:.35rem;font-size:1.2rem;margin:.5rem}.ButtonContainer{display:flex;justify-content:space-around;min-width:100%;flex-direction:row-reverse}.DeleteButton{min-width:7rem;min-height:3rem;padding-left:.25rem;padding-right:.25rem;font-size:1.2rem;font-weight:500;background-color:#961212;color:#f5f5f5}.SaveButton{min-width:7rem;min-height:3rem;padding-left:.25rem;padding-right:.25rem;font-size:1.2rem;font-weight:500;color:#f5f5f5;background-color:var(--highlight-color)}.CancelButton{min-width:7rem;min-height:3rem;padding-left:.25rem;padding-right:.25rem;font-size:1.2rem;font-weight:500;color:var(--highlight-color);background-color:#f5f5f5}.modalBackGround{position:fixed;width:100%;height:100%;left:0;top:0;background-color:#02031bf2;display:flex;justify-content:center;justify-items:center;align-items:center}.TaskModal{display:flex;flex-direction:column;align-items:center;border-radius:.2rem;background-color:var(--main-color);min-width:75%;max-width:80%;padding:1rem;height:auto}.TaskModal input{margin:1.5rem;font-size:1.5rem}.ModalTitle{display:flex;justify-content:center;align-items:center;width:80%}a,a:visited{text-decoration:none;color:var(--highlight-color)}