*{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,#f60e0e,#e3ef39)}.todo-app{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:start;justify-content:start;width:520px;min-height:600px;background:#000;text-align:center;margin:128px auto;border-radius:10px;padding-bottom:32px}h1{margin:32px 0;color:#fff;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 #30c104;outline:none;width:320px;background:transparent;color:#fff}.todo-input::-webkit-input-placeholder{color:#e2e2e2}.todo-input:-ms-input-placeholder{color:#e2e2e2}.todo-input::placeholder{color:#e2e2e2}.todo-button{padding:16px;border:none;border-radius:0 4px 4px 0;cursor:pointer;outline:none;background:linear-gradient(90deg,#229a07,#91d482);color:#fff;text-transform:capitalize}.todo-input.edit{border:2px solid #ff7614}.todo-button.edit{background:linear-gradient(90deg,#f93c2b,#d70202);padding:16px 22px}.todo-container{-webkit-flex-direction:row;flex-direction:row;position:relative}.todo-container,.todo-row{display:-webkit-flex;display:flex}.todo-row{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin:4px auto;color:#fff;background:linear-gradient(90deg,#ff7614,#ff5411);padding:16px;border-radius:5px;width:90%}.todo-row:nth-child(4n+1){background:linear-gradient(90deg,#aba907,#cad105)}.todo-row:nth-child(4n+2){background:linear-gradient(90deg,#3c833d,#185a0c)}.todo-row:nth-child(4n+3){background:linear-gradient(90deg,#e37272,#ea0e03)}.icons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:24px;cursor:pointer}.delete-icon{margin-right:5px;color:#fff}.edit-icon{color:#fff}
/*# sourceMappingURL=main.278af0c4.chunk.css.map */