.toDoContainer{text-align:center;margin-left:auto;margin-right:auto;max-width:500px}h1{margin:1rem}h2{margin:.8rem}input{margin:.2rem;padding:.5rem;border-radius:.5rem;border:1px solid var(--border-muted);width:100%}button{padding:.5rem;margin:.2rem;border:0;border-radius:.5rem;background-color:var(--primary);color:#fff}.toDoList{display:flex;flex-direction:column;gap:10px;justify-content:center}.card{display:flex;flex-direction:column;gap:.5rem}.btnComplete{color:#fff;background-color:var(--success)}.btnUpdate{background-color:var(--warning)}.btnDelete{background-color:var(--danger);color:#fff}.btnInfo{color:#fff;background-color:var(--info)}:root{--bg-dark: hsl(220 59% 91%);--bg: hsl(220 100% 97%);--bg-light: hsl(220 100% 100%);--text: hsl(226 85% 7%);--text-muted: hsl(220 26% 31%);--highlight: hsl(220 100% 100%);--border: hsl(220 19% 53%);--border-muted: hsl(220 27% 65%);--primary: hsl(221 49% 33%);--secondary: hsl(44 100% 14%);--danger: hsl(8, 39%, 49%);--warning: hsl(51, 65%, 67%);--success: hsl(147, 38%, 33%);--info: hsl(217 22% 41%)}*{box-sizing:border-box;font-family:Quicksand,sans-serif;color:var(--text);font-weight:300;line-height:24px;padding:0;margin:0}*,*:before,*:after{box-sizing:border-box;background-repeat:no-repeat}.container{display:flex;flex-direction:column;gap:10px;padding:20px;max-width:500px;margin:auto;align-items:center}.dnd{border:2px dashed var(--border-muted);padding:30px;text-align:center;margin-bottom:20px;cursor:pointer;width:100%;height:100px}input::file-selector-button{font-family:inherit;font-weight:inherit;color:#fff;background-color:var(--primary);border:0;border-radius:.5rem;padding:.5rem;margin:.2rem 1rem .2rem .2rem}