    button:hover {
            background-color: #45a049;
        }

        #result {
            margin-top: 20px;
            font-size: 18px;
            color: #333;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Travel Cost Calculator</h1>
        <form id="travelForm">
            <label for="distance">Distance (km):</label>
            <input type="number" id="distance" required>

            <label for="fuelEfficiency">Fuel Efficiency (km/l):</label>
            <inpu