diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss
index 3918dd3..96159b0 100644
--- a/assets/scss/colors.scss
+++ b/assets/scss/colors.scss
@@ -3,12 +3,15 @@ $light-bg-alt: #4e5463;
 $light-fg: #202020;
 $light-ln: #4e5463;
 $light-active: #f1866c;
+$light-h1: blue;
 
 $dark-bg: #4b3d44;
 $dark-bg-alt: #bd97a9;
 $dark-fg: #e6d0c4;
 $dark-ln: #bd97a9;
 $dark-active: #4b4361;
+$dark-h1: red;
+
 $transition-time: 1.5s;
 
 body {
@@ -77,3 +80,10 @@ footer a {
   color: $dark-bg;
   transition: $transition-time;
 }
+
+#title{
+  &.light{
+    color: $light-h1;
+  }
+  color: $dark-h1;
+}
diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss
index 98f63d9..bf71ac9 100644
--- a/assets/scss/layout.scss
+++ b/assets/scss/layout.scss
@@ -5,8 +5,7 @@ body {
 }
 
 footer {
-  height: 6%;
-  min-height: 42pt;
+  height: 42pt;
   position: sticky;
   display: flex;
   align-items: center;
@@ -15,7 +14,7 @@ footer {
 }
 
 #content {
-  min-height: 94%;
+  min-height: calc(100% - 42pt);
   right: auto;
 }