diff --git a/src/scss/style.scss b/src/scss/style.scss
index 919a473..996f90c 100755
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -1,5 +1,7 @@
 $background: #232830;
 $foreground-text: #c0c5ce;
+$font-size: 1.5rem;
+$h1-size: 3rem;
 
 * {
   margin: 0;
@@ -13,7 +15,7 @@ body {
 
   font-family: 'Lora', serif;
   text-rendering: optimizeLegibility;
-  font-size: 1.5rem;
+  font-size: $font-size;
 
   width: 60rem;
   margin: auto;
@@ -34,6 +36,7 @@ a {
 
 header {
   margin: 2rem 0;
+  height: $font-size;
 }
 
 footer {
@@ -51,7 +54,8 @@ hr {
 }
 
 h1 {
-  font-size: 3rem;
+  font-size: $h1-size;
+  height: $h1-size;
   margin-bottom: 0.5rem;
 }