body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f9f9f9;color:#333;font-family:Roboto,sans-serif;margin:0}.App{background-color:#fff;background-color:inherit;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:inherit;margin:0 auto;max-width:800px;padding:20px;text-align:center}header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px}header h1{color:#444;font-size:1.8rem}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;margin:5px;padding:10px 15px;transition:background-color .3s ease}button:hover{background-color:#0056b3}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dark-mode{background-color:#2c2c2c;color:#f4f4f4}.dark-mode button{background-color:#444;color:#f4f4f4}body.dark-mode{background-color:#2c2c2c;color:#f4f4f4}.dark-mode li{background-color:#444;color:#f4f4f4}.dark-mode li span{color:#f4f4f4}.dark-mode li span span{color:#bbb}ul{list-style:none;padding:0}li{align-items:center;background-color:#f9f9f9;border-radius:5px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin:5px 0;padding:10px;transition:transform .2s ease}li:hover{transform:scale(1.02)}li.completed{color:#888;text-decoration:line-through}input[type=text]{width:60%}input[type=text],select{border:1px solid #ddd;border-radius:5px;font-size:.9rem;margin-right:10px;padding:10px}form{align-items:center}.FilterBar,form{display:flex;justify-content:center;margin-bottom:20px}.FilterBar button{margin:0 5px}@media (max-width:600px){header{flex-direction:column}button{margin:5px 0;width:100%}input[type=text],select{margin-bottom:10px;width:100%}form{flex-direction:column}}
/*# sourceMappingURL=main.35597234.css.map*/