FlaskとBootstrapでWeb開発を行っているのですが、Bootstrapのコードの中に日本語を記入するとUnicodeDecodeError: 'utf-8' codec can't decode byte 0x82 in position 1303: invalid start byteというようなエラーが発生します。

どうすれば、日本語で書いてもエラーが発生しないようになるのでしょうか。

誰かご回答をお願いします。

ちなみにコードはこちらです。

{% extends "index.html" %}

<head>
<meta charset="utf-8">
</head>
{% block content %}
<div class="container">
<div class="card card-container w-75 mx-auto">
 <form method="POST" action="">
 {{ form.hidden_tag()}}
 <fieldset class="form-group">
 <center>
 <img id="profile-img" class="profile-img-card img-responsive " src="//ssl.gstatic.com/accounts/ui/avatar_2x.png" style="border-radius:100%"/>
 </center>
   <legend class="border-bottom mb-4">Join Today</legend>
   <div class="form-group">
   {{form.username.label(class="form-control-label")}}
   {{ form.username(class="form-control w-75 mx-auto")}}
   </div>
   <div class="form-group">
     {{ form.email.label(class="form-control-label")}}
     {{ form.email(class="form-control w-75 mx-auto")}}
   </div>

<div class="form-group">
     {{ form.password.label(class=" form-control-label")}}
     {{ form.password(class="form-control w-75 mx-auto")}}
   </div>

<div class="form-group">
{{ form.confirm_password.label(class="form-control-label")}}
{{ form.confirm_password(class="form-control w-75 mx-auto")}}
   </fieldset>
   <div class="form-group">
   {{ form.submit(class="btn btn-block btn-primary w-75 mx-auto") }}
   </div>
 </form>
 </div>

 <div class="border-top pt-3">
 <small class="text-muted">
 すでにアカウントを持っていますか?<a class="ml-2" href="{{url_for('login')}}">ログイン</a>
 </small>
 </div>

 {% endblock content %}