Add option for additional content

2 files changed, 24 insertions, 6 deletions

diff --git a/assets/scss/hallo/_base.scss b/assets/scss/hallo/_base.scss
index a8a6e21..5a17380 100644
--- a/assets/scss/hallo/_base.scss
+++ b/assets/scss/hallo/_base.scss
@@ -16,7 +16,7 @@ body {
 }
 
 a {
-    @include transition(color .2s ease-out);    
+    @include transition(color .2s ease-out);
     color: $color-foreground;
 
     &:hover {
@@ -32,6 +32,12 @@ h2 {
     font-size: 3rem;
     font-weight: normal;
 }
+
+h3 {
+    font-size: 2rem;
+    font-weight: normal;
+}
+
 @media screen and (max-width: $break-large) {
     h1 {
         font-size: 15vw;
diff --git a/assets/scss/hallo/_layout.scss b/assets/scss/hallo/_layout.scss
index 898974a..9e07d5b 100644
--- a/assets/scss/hallo/_layout.scss
+++ b/assets/scss/hallo/_layout.scss
@@ -3,8 +3,14 @@
 }
 
 main {
-    display: flex;
-    margin-top: 20vh;
+    .block {
+        display: flex;
+    }
+
+    .block.introduction {
+        margin-top: 20vh;
+        min-height: calc(100vh - 20vh);
+    }
 
     .column.left {
         text-align: end;
@@ -20,7 +26,7 @@ main {
             margin-left: -4px; /* Correction for margin of leftmost character. */
             margin-top: 0;
         }
-        
+
         .links {
             margin-top: 2.5rem;
             font-size: 1.5rem;
@@ -30,11 +36,17 @@ main {
                 text-decoration: none;
             }
         }
+
     }
 
     @media screen and (max-width: $break-large) {
-        flex-direction: column;
-        margin-top: 0;
+        .block {
+            flex-direction: column;
+        }
+
+        .block.introduction {
+            margin-top: 0;
+        }
 
         .column.left {
             text-align: center;