.todo{width:600px;min-height:732px;border-radius:20px;background:#161b22;margin:7em auto auto;display:flex;flex-direction:column;align-items:center;padding:0 44px 30px}.todo-header{display:flex;justify-content:center;margin-top:1.5em;color:#fff;font-size:36px;font-weight:600;line-height:34px}.todo-header h4{margin:0}.todo-add{display:flex;justify-content:center;align-items:center;width:100%;margin-top:2em}.todo-input{border-radius:.5em;background:#0d1117;border:1px solid #30363D;color:#fff;outline:none;width:576px;height:76px;padding-left:35px;font-size:20px}.todo-btns{width:100%;margin-top:2em;display:flex;align-items:center;justify-content:space-between}.todo-btn{border-radius:.5em;width:48%;height:50px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:26px;font-weight:600;cursor:pointer}.todo-add-btn{background:#238636}.todo-clr-btn{background:#b82f2f}.todo-list{width:100%;font-weight:700;margin-top:1em}.list-items{display:flex;align-items:center;width:100%;min-height:3em;margin-top:1em;border:1px solid #30363D;border-radius:.5em;color:#fff;padding:0 1em;box-sizing:border-box;justify-content:space-between;scale:1;transition:scale .15s ease-in-out}.list-items:hover{scale:1.06;transition:scale .15s ease-in-out}button{border:none;min-height:2em;border-radius:.4em;color:#fff;font-weight:700;padding:0 1em}button:hover{cursor:pointer}button.remove{background:#b82f2f}button.edit{margin-right:.5em;background:#196fbe}.item-index{padding:.5em;background:#0d1117;border:1px solid #30363D;border-radius:.3em;margin-right:1em}.list-text-container{display:flex;width:60%;align-items:center}.list-text{word-wrap:break-word;max-width:100%}.btn-container{display:flex;align-items:center;min-height:2em}.edit-input{padding:.4em;width:100%;background:#323841;border:1px solid #30363D;border-radius:.3em;color:#fff;font-weight:700;font-size:1em}:root{font-family:sans-serif}body{background:#010409}