body{font-family:Helvetica}.title{color:#6200ee;text-align:center}.empty{text-align:center}.app-container{max-width:400px;margin:30px auto;padding:20px;background-color:#f3f3f3;border:1px solid;border-radius:4px}.form-container{display:flex;justify-content:space-between}.input-field{flex:1;padding:10px;margin-right:10px;border:1px solid #ccc;border-radius:4px}.add-button{background-color:#03dac5;border:none;border-radius:4px;color:#333;padding:10px 20px;cursor:pointer}.todo-list{list-style:none;padding:0}.todo-item{background-color:#fafafa;padding:10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border-radius:4px}.delete-button{background-color:#cf6679;border:none;border-radius:4px;padding:5px 10px;color:#fff}