update scss

Author: supernord

_sass/_bootstrap_variables.scss

@@ -1,11 +1,16 @@
 /*-----Theme colors-----*/
 $primary:       #012152;
 $secondary:     #6c757d;
-$light:         #f8f9fa;
+$light:         #f0f3fa;
 $dark:          #212529;
+$white: #fff;
 
 /*-----Custom values for Bootstrap variables-----*/
 $link-decoration: none;
 $navbar-light-hover-color: $light;
+$body-bg: $light;
+$card-bg: $white;
+$border-radius: 20px;
+$link-color: blue;
 
 // Find out which bootstrap variables you can use to fine tune the styling of your website here: https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/blob/main/_sass/bootstrap/_variables.scss

_sass/_custom_classes.scss

@@ -60,4 +60,14 @@
         color: $primary;
         padding: 7px 11px;
     }
-}
+}
+
+#main {
+    background-color: $white;
+    border-radius: $border-radius;
+    padding: $spacer * 3;
+    margin-bottom: $spacer * 3;
+    #content {
+        margin-bottom: 0 !important;
+    }
+}

_sass/_custom_variables.scss

@@ -5,7 +5,8 @@ $topnav-bg: $primary;
 $topnav-title-color: $white;
 
 /*-----Section navigation tiles-----*/
-$nav-card-bg: $primary;
-$nav-card-color: $white;
-$nav-card-bg-hover: $light;
-$nav-card-color-hover: $primary;
+
+$nav-card-bg: $light;
+$nav-card-color: $primary;
+$nav-card-bg-hover: $primary;
+$nav-card-color-hover: $white;