body{margin:0;padding:0;font-family:"Roboto",sans-serif;background-color:#f4f4f4;color:#333;line-height:1.6}.app-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#6e8efb,#a777e3)}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#333;text-decoration:none}a:hover{color:#6e8efb}code{background-color:#eee;padding:2px 4px;border-radius:4px;font-family:"Courier New",monospace}.app{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100vh}.app-header{background-color:#282c34;color:#fff;padding:10px 20px;text-align:center;font-size:1.5rem}.main-content{-webkit-flex-grow:1;flex-grow:1;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:20px}.todo-container{width:100%;max-width:600px;padding:20px}.task-form{display:-webkit-flex;display:flex;grid-gap:10px;gap:10px;margin-bottom:20px}.task-input{-webkit-flex-grow:1;flex-grow:1}.add-task-btn,.delete-task-btn{-webkit-flex-shrink:0;flex-shrink:0;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out}.add-task-btn:hover,.delete-task-btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.task-item,.tasks-list{margin-top:10px}.task-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.task-text{-webkit-flex-grow:1;flex-grow:1;margin:0 10px}.task-text.completed{text-decoration:line-through}
/*# sourceMappingURL=main.f8b214a2.chunk.css.map */