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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:#f0f0f0;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center}.container{max-width:600px;padding:0 20px;width:100%}.title{color:#333;margin-bottom:20px;text-align:center}.input-container{align-items:center;display:flex;margin-bottom:20px}.todo-input{border:1px solid #ccc;border-radius:4px;flex-grow:1;font-size:16px;margin-right:10px;padding:10px}.add-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.add-button:hover{background-color:#45a049}.todos-container{display:flex;flex-direction:column}@media (max-width:768px){.container{padding:0 10px}.todo-input{font-size:14px}.add-button{padding:8px 16px}.action-button{padding:6px 10px}}.todo-item{align-items:center;background-color:#f9f9f9;border-radius:4px;box-shadow:0 2px 5px #0000001a;display:flex;margin-bottom:10px;padding:10px;transition:all .3s ease}.todo-item.completed{background-color:#e0e0e0}.checkbox,.todo-text{cursor:pointer;margin-right:10px}.todo-text{flex-grow:1}.action-button{background-color:#ff4d4d;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:8px;padding:8px 12px;transition:background-color .3s ease}.action-button:hover{background-color:#ff1a1a}
/*# sourceMappingURL=main.f3d0c7a7.css.map*/