Problem with my code

When I run my code, the webpage doesn’t work (see screenshot)

from flask import Flask, request, render_template
import secrets

app = Flask(__name__)
app.secret_key = secrets.token_hex(16)

# Electric Vehicle Data
electric_data = {
    "Tesla Model Y": {"PDSF": 46990, "Coût de l'électricité": 0.13, "Distance/an": 24000, "Maintien et repair ($)": 5173, "Coût de l'assurance": 7400, "Autres coûts": 16510, "Total après 5 ans($)": 76541, "Économie de carburant EPA": "", "Sauver ou dépenser?": "Sauver 5 750$", "Pétrolium": "0 barils", "Émissions": "0 grammes"},
    "Tesla Model 3": {"PDSF": 35000, "Coût de l'électricité": 0.13, "Distance/an": 24000, "Maintien et repair ($)": 4213, "Coût de l'assurance": 7400, "Autres coûts": 17986, "Total après 5 ans($)": 67939, "Économie de carburant EPA": "289 (303 / 273)", "Sauver ou dépenser?": "Sauver 6000$", "Pétrolium": "0 barils", "Émissions": "0 grammes"},
    "Ford Mustang Mach-E": {"PDSF": 42995, "Coût de l'électricité": 0.13, "Distance/an": 24000, "Maintien et repair ($)": 4663, "Coût de l'assurance": 5633, "Autres coûts": 11807, "Total après 5 ans($)": 67438, "Économie de carburant EPA": "266 (278 / 252)", "Sauver ou dépenser?": "Sauver 4750$", "Pétrolium": "0 barils", "Émissions": "0 grammes"},
    "Tesla Model X": {"PDSF": 101380, "Coût de l'électricité": 0.13, "Distance/an": 24000, "Maintien et repair ($)": 4935, "Coût de l'assurance": 7759, "Autres coûts": 42018, "Total après 5 ans($)": 158522, "Économie de carburant EPA": "219 (233 / 202)", "Sauver ou dépenser?": "Sauver 5500$", "Pétrolium": "0 barils", "Émissions": "0 grammes"},
    "Tesla Model S": {"PDSF": 89990, "Coût de l'électricité": 0.13, "Distance/an": 24000, "Maintien et repair ($)": 4705, "Coût de l'assurance": 7759, "Autres coûts": 31970, "Total après 5 ans($)": 136764, "Économie de carburant EPA": "240 (252 / 228)", "Sauver ou dépenser?": "Sauver 6000$", "Pétrolium": "0 barils", "Émissions": "0 grammes"},
    "Chevrolet Bolt EUV": {"PDSF": 27800, "Coût de l'électricité": 0.13, "Distance/an": 24000, "Maintien et repair ($)": 3527, "Coût de l'assurance": 4832, "Autres coûts": 10520, "Total après 5 ans($)": 48551, "Économie de carburant EPA": "282 (292 / 270)", "Sauver ou dépenser?": "Sauver 6000$", "Pétrolium": "0 barils", "Émissions": "0 grammes"},
}

# Gas Vehicle Data
gas_data = {
    "Ford F-150": {"PDSF": 33695, "Coût du gaz": 1.4, "Distance/an": 24000, "Maintien et repair": 6129, "Coût de l'assurance": 4364, "Autres coûts": 17019, "Total après 5 ans ($)": 78277, "Économie de carburant": "49 (42 / 56)", "Sauver ou dépenser?": "Dépenser 3250$", "Pétrolium": "3.75 barils", "Émissions": "267 grammes"},
    "Chevrolet Silverado": {"PDSF": 40500, "Coût du gaz": 1.4, "Distance/an": 24000, "Maintien et repair": 3916, "Coût de l'assurance": 4804, "Autres coûts": 15973, "Total après 5 ans ($)": 81973, "Économie de carburant": "47 (45 / 49)", "Sauver ou dépenser?": "Dépenser 3750$", "Pétrolium": "3.94 barils", "Émissions": "277 grammes"},
    "Ram Pickup": {"PDSF": 36820, "Coût du gaz": 1.4, "Distance/an": 24000, "Maintien et repair": 4659, "Coût de l'assurance": 4740, "Autres coûts": 15991, "Total après 5 ans ($)": 79010, "Économie de carburant": "40 (35 / 52)", "Sauver ou dépenser?": "Dépenser 3750$", "Pétrolium": "3.94 barils", "Émissions": "277 grammes"},
    "Toyota RAV-4": {"PDSF": 27575, "Coût du gaz": 1.4, "Distance/an": 24000, "Maintien et repair": 5490, "Coût de l'assurance": 4160, "Autres coûts": 9913, "Total après 5 ans ($)": 62530, "Économie de carburant": "71 (64 / 80)", "Sauver ou dépenser?": "Sauver 250$", "Pétrolium": "2.72 barils", "Émissions": "190 grammes"},
    # ... (the rest of the gas vehicle data)
}

# Conversion factor
conversion_factor = 15 / 100  # 15 kWh/100 km

@app.route('/')
def home():
    return render_template('comparison.html', electric_data=electric_data, gas_data=gas_data)

@app.route('/input-own-data', methods=['GET', 'POST'])
def input_own_data():
    if request.method == 'POST':
        distance_per_year = float(request.form['distance-per-year'])
        cost_of_electricity = float(request.form['cost-of-electricity'])
        cost_of_gas = float(request.form['cost-of-gas'])
        num_of_years = int(request.form['num-of-years'])

        # Perform calculation
        total_cost = calculate_total_cost(distance_per_year, cost_of_electricity, cost_of_gas, num_of_years)

        return render_template('input.html', total_cost=total_cost)

    return render_template('input.html')

def calculate_total_cost(distance_per_year, cost_of_electricity, cost_of_gas, num_of_years):
    total_cost_electric = distance_per_year * cost_of_electricity * conversion_factor * num_of_years
    total_cost_gas = distance_per_year * cost_of_gas * num_of_years
    return total_cost_electric, total_cost_gas

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=81)

This is my code, as you can see in the screenshot I have all my templates and styles too. What is the problem?

Does your website open and work when you click on the New tab button?

It doesn’t. It’s because of the hosting changes on Replit, unfortunately I have had to change websites to host my code.