form.new-todo{margin:0;padding:0}form.new-todo input[type=text]{border:1px solid rgba(0,0,0,.3);border-radius:5px;overflow:hidden;background-color:#fff;margin:0;padding:.5rem;width:100%}div.todo-list-container{padding:0;margin:0;width:100%;height:100%}.todo-list{padding:.5rem;margin:.5rem;display:flex;flex-direction:column;gap:1rem}.todo{background-color:#fff;box-shadow:0 5px 5px #0000004d;padding:0;margin:0;width:100%;height:40px;border-radius:10px;overflow:hidden;display:grid;grid-template-areas:"checkbox title    emoji    timer    delete  " "progress progress progress progress progress";grid-template-columns:auto 1fr auto auto auto;grid-template-rows:90% 10%}.todo .checkbox{grid-area:checkbox;background-color:transparent;margin:0;padding:0}.todo .checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:FontAwesome;font-size:1.8rem;margin:0;padding:.2rem;width:100%;height:100%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center}.todo .checkbox input[type=checkbox]:before{content:"";color:#888}.todo .checkbox input[type=checkbox]:checked:before{content:"";color:#4caf50}.todo .title{grid-area:title;background-color:transparent;margin:0;padding:0}.todo .title form{margin:0;padding:0;width:100%;height:100%}.todo .title form input[type=text]{border:none;background-color:transparent;margin:0;padding:.2rem;width:100%;height:100%}.todo .emoji{grid-area:emoji;background-color:transparent;margin:0;padding:0}.todo .emoji label{background-color:transparent;margin:0;padding:.5rem;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.todo .timer{grid-area:timer;background-color:transparent;margin:0;padding:0}.todo .timer label{margin:0;padding:.5rem;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.todo .delete{grid-area:delete;background-color:#a55;margin:0;padding:0}.todo .delete button{font-family:FontAwesome;font-size:1.3rem;color:#eee;border:none;background-color:transparent;margin:0;padding:.2rem;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.todo .delete button:before{content:""}.todo .delete button:hover{background-color:#a22}.todo .progress{grid-area:progress;background-color:red;margin:0;padding:0}.todo .progress .bar{background-color:green;width:57%;height:100%}