overskrift, hvit bakgrunn artikler, footer-bakgrunn helt ut til sidene

src/App.vue

 <template>
   <main id="app">
     <header>
+      <h1>Søk i Ordbøkene</h1>
       <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>
@@ -198,16 +199,36 @@ body {
   margin: 0px;
 }
 
+h1 {
+  font-family: Inria Serif;
+  font-size: 36px;
+  color: #560027;
+}
+
 main {
-  padding-top: 60px;
+  background-image: url('./assets/beta.png');
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+}
+
+header, #search_results, article, footer, div.welcome {
   padding-left: calc((100vw - 1000px) / 2);
   padding-right: calc((100vw - 1000px) / 2);
-  background-color: #FDF4F5;
   background-image: url('./assets/beta.png');
   background-repeat: no-repeat;
   background-attachment: fixed;
 }
 
+header {
+  padding-top: 60px;
+  padding-bottom: 20px;
+  background-color: #FDF4F5;
+}
+
+section, article {
+  background-color: #FFFFFF;
+}
+
 .top {
   color: #560027;
   font-weight: bold;

src/components/Definition.vue

@@ -84,7 +84,7 @@ q {
 }
 
 .highlighted {
-  background-color: #ddddff;
+  background-color: #FDF4F5;
   border-radius: 5px;
 }
 </style>

src/components/Header.vue

 <template>
   <div>
-    <h1 v-for="(lemma, index) in lemmas" :key="index">
+    <h1 class="article_header" v-for="(lemma, index) in lemmas" :key="index">
       {{lemma.lemma}}{{index+1 < lemmas.length ? ',' : ''}} </h1>
       <details title="Klikk for å se bøyninger">
         <summary>{{group_list}}</summary>
@@ -40,17 +40,14 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 
 .word-classification {
   text-decoration: underline dashed;
 }
 
-h1 {
+h1.article_header {
   display: inline;
-  font-family: Inria Serif;
-  font-size: 36px;
-  color: #560027;
 }
 
 .inflection table {
@@ -58,11 +55,6 @@ h1 {
   margin: 10px;
 }
 
-.homograph {
-  font-size: smaller;
-  font-weight: normal;
-}
-
 .inflection td, .inflection th {
   border: solid;
   border-width: 1px;

src/components/SearchResults.vue

 <template>
-  <section>
+  <section id="search_results">
     <h2 v-if="hits.length">Søkeresultater</h2>
     <div class="flex-container">
       <ul class="hits" v-if="results_bob.length">