ny header og farger

src/App.vue

 <template>
   <main id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
     <header>
+      <span class="top">EID AV UNIVERSITETET I BERGEN OG SPRÅKRÅDET</span>
+      <p class="mission-statement">Bokmålsordboka og Nynorskordboka er dei einaste fritt tilgjengelege ordbøkene som gjer svar på korleis ord skal skrivast og bøyast
+      i norsk i tråd med gjeldande rettskriving.</p>
       <autocomplete :debounceTime="100" :auto-select="true" :search="search"  @submit="select_result" placeholder="søk..." ref="search">
         <template #result="{result, props}">
           <Preview v-bind="props" :searchHit="result">
@@ -168,9 +170,29 @@ export default {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #2c3e50;
-  margin-top: 60px;
-  margin-left: 500px;
-  margin-right: 300px;
+}
+
+body {
+  margin: 0px;
+}
+
+main {
+  padding-top: 60px;
+  padding-left: 500px;
+  padding-right: 500px;
+  background-color: #FDF4F5;
+}
+
+.top {
+  color: #560027;
+  font-weight: bold;
+  font-size: smaller;
+  border-bottom: solid;
+  border-color: #BC477B;
+}
+
+.mission-statement {
+  font-size: 24px;
 }
 
 .show {
@@ -183,6 +205,8 @@ export default {
 
 .autocomplete {
   width: 25em;
+  border-bottom: solid  #BC477B;
+  border-radius: 0px;
 }
 
 .autocomplete-result-list {