#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;padding-bottom:15%}.Header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.7rem;background-color:var(--highlight-color);color:#f5f5f5;width:100%;min-height:2rem}.Header strong{color:#f5f5f5}.AboutBody{margin:1rem 0;padding:.5rem 0;color:var(--highlight-color);background-color:#f5f5f5}.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);background-color:#f5f5f5}.Project h2{font-size:1.2rem}.ProjectHeader :focus,.ProjectHeader :hover{background-color:var(--highlight-color);color:#f5f5f5;cursor:pointer}.Header strong:focus,.Header strong:hover{background-color:#f5f5f5;color:var(--highlight-color);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;padding:.5rem 0;color:var(--highlight-color)}.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{padding-top:10rem;margin-top:100%}.Task{align-content:center;min-width:100%;border-top-style:solid;border-width:.12rem;border-color:var(--highlight-color);background-color:#f5f5f5}.TaskDate{font-size:.8rem}.Task p{display:flex;justify-content:space-between;min-width:100%;padding:.5rem 0}.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;bottom:0;position:fixed;background-color:var(--highlight-color);color:#f5f5f5;width:100%;min-height:2rem;margin-top:5rem}.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%}.AboutTitle{color:var(--highlight-color);display:flex;justify-content:center;width:100%}a,a:visited{text-decoration:none;color:var(--highlight-color)}