*{box-sizing:border-box;margin:0;padding:0;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}body{background:linear-gradient(90deg,#6384bc 0%,#103a6d 100%)}.todo-app{display:flex;flex-direction:column;justify-content:start;width:520px;min-height:600px;background:#edd2cb;text-align:center;margin:128px auto;border-radius:10px;padding-bottom:32px}h1{margin:32px 0;color:#111010;font-size:24px}.complete{text-decoration:line-through;opacity:.4}.todo-form{margin-bottom:32px}.todo-input{padding:14px 32px 14px 16px;border-radius:4px 0 0 4px;border:2px solid #f55951;outline:none;width:320px;background:transparent;color:#292424}.todo-input::placeholder{color:#302d2d}.todo-button{padding:16px;border:none;border-radius:0 4px 4px 0;cursor:pointer;outline:none;background-color:#f55951;color:#1d1a1a;text-transform:capitalize}.todo-input.edit{border:2px solid #f55951}.todo-button.edit{background:linear-gradient(90deg,#f55951 0%,#f86e67 100%);padding:16px 22px}.todo-container{display:flex;flex-direction:row;position:relative}.todo-row{display:flex;justify-content:space-between;align-items:center;margin:4px auto;color:#161515;background-color:#f55951;padding:16px;border-radius:5px;width:90%}.icons{display:flex;align-items:center;font-size:24px;cursor:pointer}.delete-icon{margin-right:5px;color:#0f0e0e}.edit-icon{color:#161616}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}