*{box-sizing:border-box;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;margin:0;padding:0}body{background:#040404 url(https://i.gifer.com/Py0.gif) 50% no-repeat;background-size:cover;height:100vh;left:0;right:0;top:0;z-index:-1}.todo-app{background:#161a2b transparent;border-radius:10px;display:flex;flex-direction:column;justify-content:start;margin:128px auto;min-height:700px;padding-bottom:32px;text-align:center;width:520px}h1{color:#fff;font-size:54px;margin:32px 0}.complete{opacity:.4;text-decoration:line-through}.todo-form{margin-bottom:32px}.todo-input{background:transparent;border:2px solid #5d0cff;border-radius:4px 0 0 4px;color:#fff;opacity:.6;outline:none;padding:14px 32px 14px 16px;width:320px}.todo-input::-webkit-input-placeholder{color:#e2e2e2}.todo-input::placeholder{color:#e2e2e2}.todo-button{background:linear-gradient(90deg,#5d0cff,#9b00fa);border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;opacity:.6;outline:none;padding:16px;text-transform:capitalize}.todo-input.edit{border:2px solid #149fff}.todo-button.edit{background:linear-gradient(90deg,#149fff,#117aff);padding:16px 22px}.todo-container{display:flex;flex-direction:row;position:relative}.todo-row{align-items:center;background:linear-gradient(90deg,#ff7614,#ff5411);border-radius:5px;color:#fff;display:flex;justify-content:space-between;margin:4px auto;opacity:.7;padding:16px;width:90%}.todo-row:hover{color:hsla(0,0%,100%,.7);font-weight:500;opacity:1;transition:.3s;white-space:nowrap}.todo-row:nth-child(4n+1){background:linear-gradient(90deg,#5d0cff,#9b00fa)}.todo-row:nth-child(4n+2){background:linear-gradient(90deg,#ff0cf1,#fa0087)}.todo-row:nth-child(4n+3){background:linear-gradient(90deg,#149fff,#117aff)}.icons{align-items:center;cursor:pointer;display:flex;font-size:24px}.delete-icon{color:#fff;margin-right:5px}.edit-icon{color:#fff}
/*# sourceMappingURL=main.bcb4ac1c.css.map*/