*{box-sizing:border-box;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;margin:0;padding:0}#root{background:linear-gradient(90deg,#3010ff,#6473ff);height:100vh;justify-content:center;width:100vw}#root,.App{align-items:center;display:flex}.App{background-color:#161a2b;border-radius:.5rem;box-shadow:0 0 10px #000;flex-direction:column;max-height:98vh;max-width:65vw;min-height:50vh;min-width:55vw;overflow-y:scroll;padding:1.5rem}input[type=text]{background-color:initial;border-right:none;border-color:#5d0cff;border-radius:.2rem 0 0 .2rem;color:#fff;height:2rem;outline:none;padding:1rem 1rem 1rem .7rem;width:75%}button{background:linear-gradient(90deg,#5d0cff,#9b00fa);border:2px;border-bottom:none;border-radius:0 .2rem .2rem 0;border-top:none;color:#fff;cursor:pointer;height:2.25rem;margin:0;padding:0 1rem}input[type=text]::-webkit-input-placeholder{color:#e2e2e2}input[type=text]::placeholder{color:#e2e2e2}button:hover{background:linear-gradient(90deg,#5d0cb4,#9b00af)}button:active{background:linear-gradient(90deg,#5d0c82,#9b007d)}h1{color:#fff;font-size:24px;margin-bottom:1.5rem}form{justify-content:center;width:80%}.todo-row,form{align-items:center;display:flex}.todo-row{background:linear-gradient(90deg,#149fff,#117aff);border-radius:.3rem;box-shadow:0 0 4px #222;color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin-block:.2rem;overflow-wrap:break-word;padding-right:1rem;position:relative;width:85%}.todo-row .text{padding:1.8rem 0 1rem 1rem;width:100%}.todo-row:first-of-type{margin-top:.6rem}.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){background:linear-gradient(90deg,#ff7614,#ff5411)}.todo-row.completed{opacity:.4;text-decoration:line-through}.icons{align-items:center;cursor:pointer;display:flex;font-size:22px;position:absolute;right:.5rem;top:.5rem}@media (max-width:900px){.App{min-width:90vw}}
/*# sourceMappingURL=main.7cda7a50.css.map*/