diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index 8658f25b4ea11271be2f28984bd8805dd0dfe2ff..7a1a662eb330e151ef0c7acee26cb0ea4a53f51f 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -1,12 +1,11 @@
+@import "./helpers/variables";
 @import "~bootstrap/scss/bootstrap";
+@import "~bootstrap/scss/variables";
 
-body {
-  background-color: #1C272B;
-  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
-}
+@import "./layout/header";
 
 form {
-  font-size: 16px;
+  //font-size: 16px;
 }
 
 form label {
@@ -31,4 +30,21 @@ button[type=submit]{
   color: #FFF;
   opacity: 1;
   background: #3B8C7E;
+}
+
+.memorekall-logo {
+  height: 200px;
+}
+
+.btn-primary {
+  background: rgba(0,0,0,.1);
+  border: none;
+  border-radius: 3px;
+  //box-shadow: 0 2px 0 #3b8c7e;
+  opacity: 1;
+  //color: #FFF !important;
+}
+
+.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary:hover {
+  //color: #FFF !important;
 }
\ No newline at end of file
diff --git a/assets/styles/helpers/_variables.scss b/assets/styles/helpers/_variables.scss
new file mode 100644
index 0000000000000000000000000000000000000000..eccd00af5eb93ab9cb642bcd1849dc2261024ffa
--- /dev/null
+++ b/assets/styles/helpers/_variables.scss
@@ -0,0 +1,6 @@
+$min-contrast-ratio: 3;
+$primary: #3b8c7e;
+
+$text-color: #fff;
+$body-color: #fff;
+$body-bg: #1C272B;
diff --git a/assets/styles/layout/_header.scss b/assets/styles/layout/_header.scss
new file mode 100644
index 0000000000000000000000000000000000000000..0875b701805951645f44cd6377aed6cab063d615
--- /dev/null
+++ b/assets/styles/layout/_header.scss
@@ -0,0 +1,3 @@
+body {
+  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+}
diff --git a/symfony.lock b/symfony.lock
index 2e527a7321f919d798e675bdf03f428a12f604bd..24d4dff8d35dfdee6539804d04e41e9cc8623751 100644
--- a/symfony.lock
+++ b/symfony.lock
@@ -664,15 +664,15 @@
             "ref": "0f274572ea315eb3b5884518a50ca43f211b4534"
         },
         "files": [
-            "assets/styles/app.css",
-            "assets/controllers.json",
-            "assets/controllers/hello_controller.js",
             "assets/app.js",
             "assets/bootstrap.js",
+            "assets/controllers.json",
+            "assets/controllers/hello_controller.js",
+            "assets/styles/app.css",
             "config/packages/assets.yaml",
             "config/packages/prod/webpack_encore.yaml",
-            "config/packages/webpack_encore.yaml",
             "config/packages/test/webpack_encore.yaml",
+            "config/packages/webpack_encore.yaml",
             "package.json",
             "webpack.config.js"
         ]