From 0aae89b25f62c9e165d218cce4f1366e6a037a56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kevin=20Midb=C3=B8e?= <kevin.midboe@gmail.com>
Date: Wed, 22 Jan 2020 11:12:44 +0100
Subject: [PATCH] Margin between page title and header.

---
 src/components/GeneratePage.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/GeneratePage.vue b/src/components/GeneratePage.vue
index 756c56c..dfd2d55 100644
--- a/src/components/GeneratePage.vue
+++ b/src/components/GeneratePage.vue
@@ -1,7 +1,8 @@
 <template>
   <div class="container">
     <banner />
-    <h1>Loddgenerator</h1>
+
+    <h1 class="title">Loddgenerator</h1>
     <p>Velg hvilke farger du vil ha, fyll inn antall lodd og klikk 'generer'</p>
     <div class="input-line">
       <input
@@ -121,13 +122,15 @@ body {
 }
 h1 {
   text-align: center;
-}
-h1 {
   width: 100vw;
   text-align: center;
   font-family: Knowit;
 }
 
+.title {
+  margin-top: 4rem;
+}
+
 p {
   text-align: center;
   margin-bottom: 35px;