body{box-sizing:border-box;font-family:monospace;font-size:1em}#main{display:grid;grid-template-rows:3em 1fr;grid-template-columns:1fr;margin:3em auto auto;width:80%;gap:10px}.delete-btn{background:#ed5075}.done-btn,.edit-btn{background:#2b69b6}.button{color:#fff;outline:none;border:none;border-radius:5px;cursor:pointer;width:100%;height:3em;padding:5px}.btn-container{display:flex;gap:1em}#add-todo-container{display:grid;grid-template-columns:1fr 6em;gap:1em}#add-todo-container input{padding:10px;font-weight:700;border:2px solid #2b69b7;border-radius:5px;outline:none}#add-todo-container button{background:#2b69b7;border:none;border-radius:5px;color:#fff;padding:10px;width:100%;height:100%}ul{display:grid;list-style:none;gap:1em;padding:0}li{display:grid;grid-template-columns:1em 1em 1fr 5em 5em;gap:1em;align-items:center;justify-items:flex-start}.isDone{text-decoration:line-through}input[type=checkbox]{cursor:pointer}#edit-input{grid-column:span 3;width:100%;border-radius:5px;outline:none;border:1px solid #2b69b7;height:100%;padding:0 0 0 10px}.welcome-message{margin:50px auto auto;width:fit-content;line-height:2em}