Add basic styles to hello page elements

client/src/pages/hello.vue

@@ -19,17 +19,18 @@
       Zusammenarbeit mit dem Eidgenössischen Hochschulinstitut für Berufsbildung.</p>
     </div>
     <div class="login-actions">
-      <h1
-        class="hello__title public-page__title"
-        data-cy="hello-title">Wollen Sie {{ pageTitle }} im Unterricht verwenden?</h1>
+      <h2
+        class="login-actions__title"
+        data-cy="hello-title">Wollen Sie {{ pageTitle }} im Unterricht verwenden?</h2>
       <a
         class="button button--primary button--big actions__submit"
         href="/api/oauth/login/"
         data-cy="oauth-login">Mit hep Konto anmelden</a>
 
-      <div class="register">
+      <div class="login-actions__register register">
         <p>Haben Sie noch kein hep Konto?</p>
         <a
+          class="hep-link"
           href="/api/oauth/login/"
           data-cy="oauth-login">Jetzt registrieren</a>
       </div>
@@ -37,6 +38,7 @@
     <div class="information">
       <p>Was ist ein hep Konto und wie kann ich mich dafür registrieren?</p>
       <a
+        class="hep-link"
         href="/api/oauth/login/"
         data-cy="oauth-login">Anleitung anschauen</a>
     </div>
@@ -102,4 +104,31 @@
     }
   }
 
+  .login-actions {
+    @include widget-shadow;
+
+    margin-top: $large-spacing;
+    padding: $medium-spacing;
+
+    &__title {
+        font-size: 2.125rem; // 34px
+        font-weight: 700;
+    }
+
+    &__register {
+      margin-top: $large-spacing;
+
+      > p, a {
+        @include regular-text;
+      }
+    }
+  }
+
+  .information {
+    margin-top: $large-spacing;
+    > p, a {
+      @include regular-text;
+    }
+  }
+
 </style>