:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0;--background: #f0f0f0;--outline: #9e9e9e;--icons: #5a5a5a;--block: #fff}*{box-sizing:border-box}#root{display:flex;justify-content:center}h1{text-align:start;margin-top:0}.ProjectList{display:flex;justify-content:center;flex-direction:column;max-width:80%}.ProjectForm form{border-radius:.2rem;display:flex;justify-content:space-between}input[type=submit]{background-color:#2a71cf;border-radius:.7rem;padding:.5rem .7rem;border:none;flex-shrink:0;color:var(--background);cursor:pointer;font-size:1rem;font-weight:700;color:#fff}.ProjectForm input[type=text]{border:1px solid var(--outline);font-size:1rem;margin-right:.7rem;padding:.8rem;border-radius:.7rem;outline:var(--outline);background-color:var(--block);flex-grow:1;min-width:0}.ProjectBlock{border:1px solid var(--outline);border-radius:1rem;margin-top:1rem;padding:0 1rem;background-color:var(--block)}.projectHeader{display:flex;justify-content:space-between;align-items:center;margin:.5rem}h2{margin:.2rem 0}.TaskForm input[type=text]{border:none;outline:none;min-width:0;font-size:1rem;background-color:var(--block);flex-grow:1}.TaskForm{text-align:left;margin:.2rem}.TaskForm form{display:flex}.TaskForm input[type=submit]{margin:.1rem;padding:0rem .2rem;color:#5a5a5a;background-color:var(--block);cursor:pointer;font-size:1.2rem;font-weight:400}.TaskBlock{text-align:left;margin:.5rem;margin-left:0;display:flex;justify-content:space-between}button{cursor:pointer}ul{padding-left:.75rem;margin:0}.actionButtons{cursor:pointer;color:var(--icons)}.completed{text-decoration:line-through}svg:hover{color:#202020}@media (prefers-color-scheme: dark){:root{color:#fff;background-color:#000003;--background: #090e25;--outline: #9e9e9e;--block: #00060c;--icons: #bdbdbd}input[type=submit]{background-color:#103a70}svg:hover{color:#5e5e5e}button{background-color:#f9f9f9}}@media (min-width: 600px){.ProjectList{width:400px}}@media (min-width: 750px){.ProjectList{width:500px}}