@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.App{max-width:1000px;margin:auto;padding:20px;background-image:linear-gradient(to right top,#d16ba5,#c777b9,#ba83ca,#aa8fd8,#9a9ae1,#8aa7ec,#79b3f4,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1);border-radius:10px}.header{position:relative;display:flex;align-items:center}.plus{position:absolute;right:0}.title{color:#fff}.modal-title{text-align:center;font-family:Inter}body{font-family:Roboto,sans-serif}:root{--inactive-color: rgba(100, 100, 100, .4)}.todo-item-container:hover{box-shadow:1px 0 4px 4px #12192b33}.todo-item-cross{color:var(--inactive-color)}.todo-status{margin-right:auto}.todo-item-done{text-decoration:line-through}.todo-mark-in-progress,.todo-mark-done{color:var(--inactive-color)}.todo-mark-in-progress:hover,.todo-mark-done:hover,.todo-item-cross:hover{cursor:pointer}.todo-mark-in-progress:hover,.in-progress{color:#f0a204}.todo-mark-done:hover,.done{color:#62f506}.todo-item-container{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:5px;box-shadow:0 1px 3px #0000001a}.todo-item-header-container{display:flex;justify-content:space-between;align-items:center}.todo-item-header{margin:0;font-size:24px;font-weight:700;color:#333}.todo-item-cross:hover{color:#d32f2f;text-decoration:underline}.todo-item-text{margin:0;font-size:16px;color:#555}.todo-status-container{display:flex;align-items:center;gap:10px}.todo-status{padding:5px 10px;border-radius:20px;color:#fff;font-weight:700;font-size:14px;text-transform:capitalize}.in-progress-icon{cursor:pointer;color:#673ab7}.in-progress-icon:hover{color:#512da8;text-decoration:underline}.done-icon{cursor:pointer;color:#4caf50}.done-icon:hover{color:#388e3c;text-decoration:underline}.todo-item-container:nth-child(odd){background-color:#fce4ec}.todo-item-container:nth-child(even){background-color:#f0f4c3}.todo-item-container:nth-child(3n){background-color:#b2ebf2}.todo-item-container:nth-child(4n){background-color:#ffcdd2}.todo-item-container:nth-child(5n){background-color:#dcedc8}.todo-item-container:nth-child(6n){background-color:#b3e5fc}.todo-item-container:nth-child(7n){background-color:#f0b27a}.todo-item-container:nth-child(8n){background-color:#aed581}.todo-item-container:nth-child(9n){background-color:#fff59d}.todo-item-container:nth-child(10n){background-color:#c5cae9}.todo-item-container:nth-child(11n){background-color:#ffe0b2}.todo-item-container:nth-child(12n){background-color:#81d4fa}.todo-item-container:nth-child(13n){background-color:#ce93d8}.todo-item-container:nth-child(14n){background-color:#b2dfdb}.todo-item-container:nth-child(15n){background-color:#f8bbd0}.todo-item-container:nth-child(16n){background-color:#c8e6c9}.todo-item-container:nth-child(17n){background-color:#ffcc80}.todo-item-container:nth-child(18n){background-color:#f5f5f5}.todo-item-container:nth-child(19n){background-color:#f9a825}.todo-item-container:nth-child(20n){background-color:#ffebee}.todo-status:nth-child(odd){background-color:#f06292}.todo-list-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;background-image:linear-gradient(to right top,#d16ba5,#c777b9,#ba83ca,#aa8fd8,#9a9ae1,#8aa7ec,#79b3f4,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1)}@media (max-width: 768px){.todo-list-container{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}