*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#152431;background-blend-mode:multiply;background-image:linear-gradient(to left,#152431,#fff3,#152431),linear-gradient(to top,#152431,#fff3,#152431);color:#fff}#root{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;color:#8fa8c1;line-height:16.41px}button{border:none;border-radius:5px}.error{color:red;font-size:12px;justify-content:start;text-align:start}.todo-main-container{display:flex;align-items:center;flex-direction:column;margin:10px;background-color:#152431;height:639px;max-width:524px;width:100%;border:1px #8FA8C11A;box-shadow:15px 10px #0000004d}.todo-main-container .heading{margin-top:20px;padding:10px;font-size:36px;font-weight:700;line-height:42px;color:#8fa8c1}.todo-main-container .todo-input-section{display:flex;justify-content:center;padding:25px;margin-left:10px;margin-right:10px;max-width:524px;width:100%}.todo-main-container .todo-list-section{display:flex;justify-content:center;padding-top:25px;padding-bottom:25px;margin-left:10px;margin-right:10px;max-width:524px;width:100%}.todo-input-container{display:flex;width:80%}.todo-input-container input{padding:10px 15px;background:transparent;border:1px solid #8FA8C14D;border-radius:5px;width:100%;color:#fff;line-height:16px;font-weight:400px;font-size:14px}.todo-input-container input::placeholder{color:#8fa8c1}.todo-button-container{margin-left:5px;width:30%}.todo-button-container button{background-color:#0c5488;padding:10px 8px;color:#8fa8c1;width:100%;font-size:14px;font-weight:500}.todo-button-container button:hover{background-color:#8fa8c1;color:#0c5488;font-size:14px;line-height:14.06px;font-weight:500px}.todo-list-containter{display:flex;width:100%;flex-direction:column}.todo-list-containter ul li{list-style:none;justify-content:start;width:80%}.todo-list-containter .todo-item{display:flex;justify-content:space-between;border-bottom:1px dashed #8FA8C14D;width:100%;padding:20px 30px}.todo-list-containter .todo-item button{justify-content:end;text-align:end;background:transparent;filter:invert(1)}.todoedit-container{display:flex;padding:20px 30px;border-bottom:1px dashed #8fa8c14d;width:100%}