diff --git a/src/styles/app.styl b/src/styles/app.styl
index 3a65a77..87e3f8d 100644
--- a/src/styles/app.styl
+++ b/src/styles/app.styl
@@ -5,17 +5,19 @@ $closed = #4DAF7C
 $opened = #E55F3A
 $grey   = #CACACA
 $brown  = #64584C
+$background = #d7bcab
+$background2 = #cc9485
 
 // font and gradient bg
 body
     height: 100%
-    background: #d7bcab
-    background: -moz-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%)
-    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#d7bcab), color-stop(100%,#cc9485))
-    background: -webkit-linear-gradient(-45deg, #d7bcab 0%,#cc9485 100%)
-    background: -o-linear-gradient(-45deg, #d7bcab 0%,#cc9485 100%)
-    background: -ms-linear-gradient(-45deg, #d7bcab 0%,#cc9485 100%)
-    background: linear-gradient(135deg, #d7bcab 0%,#cc9485 100%)
+    background: $background
+    background: -moz-linear-gradient(-45deg, $background 0%, $background2 100%)
+    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,$background), color-stop(100%,$background2))
+    background: -webkit-linear-gradient(-45deg, $background 0%,$background2 100%)
+    background: -o-linear-gradient(-45deg, $background 0%,$background2 100%)
+    background: -ms-linear-gradient(-45deg, $background 0%,$background2 100%)
+    background: linear-gradient(135deg, $background 0%,$background2 100%)
     background-repeat: no-repeat
     background-attachment: fixed
     font-family: 'Source Sans Pro', sans-serif