Reorganise bootstrap SASS configuration

assets/styles/app.scss

+@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 {
@@ -32,3 +31,20 @@ button[type=submit]{
   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

assets/styles/helpers/_variables.scss

+$min-contrast-ratio: 3;
+$primary: #3b8c7e;
+
+$text-color: #fff;
+$body-color: #fff;
+$body-bg: #1C272B;

assets/styles/layout/_header.scss

+body {
+  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+}

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"
         ]