body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*,:after,:before{box-sizing:border-box}.app-wrapper{align-items:center;background-color:#a7d0dd13;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;padding:2rem;width:90%}.header{background:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:8px;padding:1rem .1rem;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:100%;z-index:10}.todo-list-container{flex-grow:1;overflow-y:auto;width:100%}.todo-list-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 5px #0000001a;display:flex;justify-content:space-between;margin-bottom:5px;padding:10px;transition:background-color .2s}.todo-title{margin-right:auto}.todo-title.completed{color:#9e9e9e;text-decoration:line-through}.todo-list-item:hover{background-color:#f5f5f5}.input-field{border:1px solid #ccc;border-radius:4px;margin:0;padding:.5rem 1rem;width:calc(100% - 2rem)}.button,.delete-button,.edit-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:5px;padding:8px 15px;transition:background-color .2s,transform .1s}#add-todo-button{margin:5px;width:calc(100% - 2rem)}.button:hover{background-color:#bbb}.delete-button{background-color:#ff6b6b}.edit-button{background-color:#ffcc5c}.button:hover{transform:translateY(-1px)}.error-message{color:#f35656;font-size:1.1rem;margin-bottom:1rem;margin-top:.5rem;text-align:center}@media (max-width:768px){.app-wrapper{box-sizing:border-box;padding:1rem;width:100%}.header{padding:.5rem 0}.todo-list-item{align-items:flex-start;flex-direction:column}.todo-title{margin-bottom:.5rem}.input-field{font-size:16px}.button,.input-field{margin-bottom:1rem;width:calc(100% - 2rem)}.button{margin-bottom:.5rem}}@media (max-width:480px){.header h1{font-size:1.5rem}.input-field{font-size:16px}.button,.input-field{padding:6px 10px}}
/*# sourceMappingURL=main.d195d418.css.map*/