html,body,main{height:100%;background:#f6f8fc}h2,body,p{margin:0}body{font-family:Verdana,Geneva,Tahoma,sans-serif}main{display:flex}main .header{display:flex;align-items:center;gap:.5rem;padding:.2rem 0}h2{font-size:.8rem;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.projects{display:flex;flex-direction:column;width:12rem;margin-right:2rem}.projects h2{padding-left:.2rem}.add-button{padding:0 .2rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:15px}.add-button:hover{background:#e3e9f6}.add-button:active{background:#d7e0f2}.project{padding:.2rem;cursor:pointer;border-top-right-radius:20px;border-bottom-right-radius:20px}.project:hover{background:#e3e9f6}.project:active{background:#d7e0f2}.project p{font-size:1.2rem;font-weight:500;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.project.selected{background:#d4e9ff}.project.selected p{font-size:1.1rem;font-weight:700;color:#22211e}.project.selected:hover{background:#bbdcff}.project.selected:active{background:#abd4ff}.project-form{display:flex;flex-direction:column}.project-form .project-form-header{display:flex;justify-content:space-between;margin-bottom:.2rem;width:100%}.exit-form{padding:0 .2rem;cursor:pointer;color:#ee6969}.todos .wrapper{height:100%;width:50rem;padding:.6rem;border-radius:20px 20px 0 0;background:#fff}.todos .header{padding-left:1rem}.todo-form{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.todo-form label,.todo-form input{padding:.1rem;display:block}.todo-form input[type=submit]{display:inline}.todo-form .input-wrapper{display:flex;gap:.2rem}.todo-form .input-wrapper>div{display:flex;flex-direction:column}.todo-form .input-wrapper>div .todo-tier{display:flex;justify-content:space-between;align-items:center}.todo-form textarea{width:100%;padding:0;margin-bottom:.4rem}.todo-form.create legend:after{content:"Add todo"}.todo-form.updating legend:after{content:"Update todo"}.todo-form.updating .delete-todo{display:inline}.todo{display:flex;align-items:center;cursor:pointer}.todo button{margin-right:1rem;height:5px;width:5px;padding:.4rem}.todo .name{margin-right:1rem}.todo.red .name{font-weight:700}.todo.inactive{background:#f6f8fc;color:#aaa}.todo.inactive .active-button{background:#aaa}.todo.inactive .delete-todo-button{display:block;margin-left:1rem;color:#ee6969}.hidden{display:none}.remove-project-button{color:#ee6969;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}