body{font-family:Exo,sans-serif;background-color:#e0e0e0;padding:3%;color:#333;background-image:linear-gradient(90deg,#0a5128,#09793f 35%,#00c884);background-position:center;background-size:cover}.app{max-width:600px;margin:0 auto 300px;background-color:#e0e0e0;padding:20px 30px;border-radius:10px;box-shadow:0 0 15px #0003}h1{text-align:center;color:#0a5128}h2{margin-bottom:10px;color:#09793f}p{margin:10px 0}input{box-sizing:border-box}button{background-color:#09793f;color:#fff;padding:6px 12px;margin-right:10px;border:none;border-radius:3px;cursor:pointer;opacity:.9;transition:.3s}button:hover{opacity:1;transform:scale(1.05)}.todo-list{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd}.todo{background-color:#e0e0e0;box-shadow:0 0 5px #0000001a;padding:10px;margin-bottom:10px;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.complete{background-color:#f9f9f9;color:#09793f;border:1px solid #09793f}.delete{background-color:#f9f9f9;color:#d6605c;border:1px solid #D6605C}.edit{background-color:#f4f4f4;color:#0a5128;border:1px solid #0A5128}.todo-form{padding-bottom:1.5rem;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd}input,select{padding:5px;margin-bottom:10px;border:1px solid #ccc;border-radius:3px;width:100%;background-color:#f9f9f9;color:#333}