sass things being added to project

.gitignore

@@ -1,2 +1,2 @@
 *swp
-
+static/css/

website/.gitignore

@@ -1,2 +1,4 @@
 node_modules/
-target/
+target/
+static/css/
+.sass-cache

website/static/sass/index.scss

@@ -1,3 +1,5 @@
+$button_color_bg: #1f8dd6;
+$button_color_txt: white;
 * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
@@ -52,15 +54,15 @@ a {
  * I want my pure-button elements to look a little different
  */
 .pure-button {
-    background-color: #1f8dd6;
-    color: white;
+    background-color: $button_color_bg;
+    color: $button_color_txt;
     padding: 0.5em 2em;
     border-radius: 5px;
 }
 
 a.pure-button-primary {
-    background: white;
-    color: #1f8dd6;
+    background: $button_color_bg;
+    color: $button_color_txt;
     border-radius: 5px;
     font-size: 120%;
 }
@@ -71,7 +73,7 @@ a.pure-button-primary {
  */
 
 .splash-container {
-    background-image: url('/static/images/chalk.jpg');
+    background-image: url('https://www.shockrah.shop/static/images/chalk.jpg');
     background-attachment: fixed;
     background-size: cover;
     background-repeat: no-repeat;
@@ -151,7 +153,7 @@ a.pure-button-primary {
 
 /* This is the class used for the content sub-headers (<h3>) */
 .content-subhead {
-    color: #1f8dd6;
+    color: $button_color_txt;
 }
 .content-subhead i {
     margin-right: 7px;