*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.app-layout{display:flex;margin:0 auto;width:70%}@media (max-width:978px){.app-layout{width:100%}}.sidebar h1{font-size:2.6em;line-height:1.1;margin-bottom:20px}.sidebar>button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.sidebar>button:hover{border-color:#646cff}.sidebar>button:focus,.sidebar>button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{text-align:center}.sidebar{background-color:gray;margin-top:5%;height:500px;padding:2rem;border-radius:5%}.newProject{margin-top:10%;margin-left:50px;width:500px}.input-wrapper{text-align:left}.input-field,textarea{margin:10px 0;width:100%;padding:5px}.btn-wrapper{display:flex;justify-content:end}.submit-btn{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;margin-left:20px;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:scale .25s}.submit-btn:hover{border-color:#646cff}.submit-btn:active{scale:.9}.cancel-btn{background-color:transparent;border:none;font-size:1rem;cursor:pointer;transition:scale .25s}.cancel-btn:active{scale:.9}.task-list{list-style-type:none}.task-list li{margin:10px 0}.task-list li button{background:none;border:none;border-radius:5px;padding:10px;width:100%;transition:all .2s ease-in-out}.task-list li button:hover{background:#4d4d4d;cursor:pointer}.task-view{margin-top:10%;margin-left:2%;width:500px;display:flex;flex-direction:column;align-items:start;justify-content:start}.task-container{margin-top:1.5rem;width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start}.task-view h2{font-size:2rem}.subtasks{list-style-type:none;display:flex;align-items:start;flex-direction:column;padding:10px;width:100%}.subtasks li{padding:1rem;margin:1rem 0;border-radius:5px;width:100%;background-color:gray;display:flex;justify-content:space-between;transition:all .1s ease-in-out}.subtasks li:hover{background-color:#6b6b6b}