change element naming to include main and header

src/components/VinlottisPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="main-container">
+  <main class="main-container">
 
     <section class="top-container">
       
@@ -52,7 +52,7 @@
     
     <Countdown :hardEnable="hardStart" @countdown="changeEnabled" />
     
-  </div>
+  </main>
 </template>
 
 <script>

src/ui/Banner.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="top-banner">
+  <header class="top-banner">
     <!-- Mobile -->
     <router-link to="/" class="company-logo">
       <img src="/public/assets/images/knowit.svg" alt="knowit logo" />
@@ -26,7 +26,7 @@
       </h2>
       <h2 v-if="twoMinutesLeft || tenMinutesOver">Lotteriet er i gang!</h2>
     </div>
-  </div>
+  </header>
 </template>
 
 <script>