*{box-sizing:border-box;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;margin:0;padding:0}body{background:#fff}.todo-app{background:#161a2b;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;margin:128px auto;min-height:600px;padding-bottom:32px;text-align:center;width:520px}h1{color:#fff;font-size:24px;margin:32px 0}.complete{opacity:.4;text-decoration:line-through}.todo-form{margin-bottom:28px}.todo-input{background:#0000;border:2px solid #fff;border-radius:4px 0 0 4px;color:#fff;outline:none;padding:14px 32px 14px 16px;width:70%}.todo-input::placeholder{color:#e2e2e2}.todo-button{background:#fff;border:none;border-radius:0 4px 4px 0;color:#000;cursor:pointer;outline:none;padding:16px;text-transform:capitalize}.todo-input.edit{border:2px solid #d3d3d3}.todo-button.edit{background:#d3d3d3;padding:16px 22px}.todo-container{display:flex;flex-direction:row;position:relative}.todo-row{background:#fff;border-radius:5px;color:#000;justify-content:space-between;margin:4px auto;padding:14px 32px 14px 16px;width:86%}.icons,.todo-row{align-items:center;display:flex}.icons{cursor:pointer;font-size:24px}.delete-icon{color:#000;margin-right:5px}.edit-icon{color:#000}
/*# sourceMappingURL=main.8aa98b8e.css.map*/