*{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,#d4d4d6,#f1f1f3)}.todo-app{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;width:520px;min-height:600px;background:#161a2b;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 #0cb2ff;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,#0cc6ff,#4c7af8);color:#fff;text-transform:capitalize}.todo-input.edit{border:2px solid #149fff}.todo-button.edit{background:linear-gradient(90deg,#149fff,#117aff);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,#33353b,#0f0c11)}.todo-row:nth-child(4n+2){background:linear-gradient(90deg,#39a805,#096b32)}.todo-row:nth-child(4n+3){background:linear-gradient(90deg,#149fff,#117aff)}.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}.footer-section{padding-top:56%}.footer-section h1{font-size:21px}@media(max-width:500px){.todo-app{width:300px}.todo-input{width:180px}.footer-section h1{font-size:16px}.footer-section{padding-top:70%}}
/*# sourceMappingURL=main.6c6f6717.chunk.css.map */