diff --git a/Selector.Web/CSS/index.scss b/Selector.Web/CSS/index.scss
index 3f30786..17baa03 100644
--- a/Selector.Web/CSS/index.scss
+++ b/Selector.Web/CSS/index.scss
@@ -1,13 +1,17 @@
 @import "now.scss";
 @import "past.scss";
 
+$background-color: #2b2b2b;
+$nav-background-color: #232323;
+$card-background-color: #3c3c3c;
+
 body {
-    background-color: #121212;
+    background-color: $background-color;
     color: #efefef;
 }
 
 .navbar-bg {
-    background-color: #232323;
+    background-color: $nav-background-color;
 }
 
 .form-element {
@@ -86,13 +90,17 @@ input[type=text], input[type=email], input[type=tel], input[type=password] {
 }
 
 .card {
-    background-color: #333232;
+    background-color: $card-background-color;
     color: $text-color;
     margin: 5px;
     padding: 15px;
-    box-shadow: 4px 4px 2px $shadow-color;
+    box-shadow: 5px 5px 0px $shadow-color;
     transition: box-shadow 0.5s;
 
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+
     &:hover {
         box-shadow: none;
         offset: 4px 4px;
diff --git a/Selector.Web/CSS/now.scss b/Selector.Web/CSS/now.scss
index 48ff727..0cf49e0 100644
--- a/Selector.Web/CSS/now.scss
+++ b/Selector.Web/CSS/now.scss
@@ -3,7 +3,7 @@
 }
 
 $text-color: white;
-$shadow-color: #1e1e1e;
+$shadow-color: #0f0f0f;
 
 .now-playing-card {
     // max-width: 300px;