diff --git a/Pages/Shared/_Layout.cshtml b/Pages/Shared/_Layout.cshtml
index 923c81a..3e07dc0 100644
--- a/Pages/Shared/_Layout.cshtml
+++ b/Pages/Shared/_Layout.cshtml
@@ -22,11 +22,11 @@
         </div>
     </nav>
 
-    <main class="container">
+    <main style="margin-bottom: 12rem" class="container">
         @RenderBody()
     </main>
 
-    <footer class="footer">
+    <footer style="position: fixed; bottom: 0; left: 0; right: 0" class="footer has-background-primary ">
         <div class="has-text-centered">
             <p>
                 <a href="https://github.com/miawinter98/just-short-it" target="_blank">Just Short it!</a> 
diff --git a/wwwroot/css/index.sass b/wwwroot/css/index.sass
index 8a6c773..2adc772 100644
--- a/wwwroot/css/index.sass
+++ b/wwwroot/css/index.sass
@@ -3,10 +3,41 @@ $radius-small: 0px
 $radius: 0px
 $radius-large: 0px
 
+/**/
+$primary:         hsl(257, 45%, 36%)
+$secondary:       hsl(140, 70%, 40%)
+$secondary-light: hsl(140, 70%, 50%)
+$secondary-dark:  hsl(140, 70%, 20%)
 
+$weight-light: 600
+$weight-normal: 600
+$weight-medium: 600
+$weight-semibold: 800
+$weight-bold: 800
 
+$link: $secondary
+$link-hover: $secondary-dark
 
+$scheme-main: hsl(0, 0%, 8%)
+$scheme-main-bis: hsl(0, 0%, 4%)
+$scheme-main-ter: hsl(0, 0%, 0%)
 
+$text: $secondary
+$text-light: $secondary-light
+$text-strong: $secondary-light
+
+/* bulma generates the colors, so we have to overwrite them */
+a.button.is-primary,
+button.button.is-primary
+	color: $text-strong !important
+
+nav.navbar.is-primary
+	box-shadow: none !important
+	.navbar-item
+		color: $text-strong !important
+
+root, html, body 
+	letter-spacing: 0.05rem
 
 /* TODO check what we need here and ditch the rest */
 /* don't judge me */