diff --git a/scss/base.scss b/scss/base.scss
index d36a113..d3b97f0 100644
--- a/scss/base.scss
+++ b/scss/base.scss
@@ -2,7 +2,10 @@ html, body {
 	position: relative;
 	width: 100%;
 	height: 100%;
-	background: $bg-color; 
+	background: rgb(2,0,36);
+	background: linear-gradient(0deg, rgba(2,0,36,1) 0%, #0e142d 35%);
+	background-color:rgb(2,0,36);
+	background-repeat: no-repeat;
 }
 
 body {
diff --git a/scss/custom.scss b/scss/custom.scss
index 70b786d..5433391 100644
--- a/scss/custom.scss
+++ b/scss/custom.scss
@@ -1 +1,5 @@
-// TODO
+$ps-accent: #25D2B2;
+$ps-dark-accent: #213e4e;
+
+$primary: $ps-dark-accent;
+$secondary: #213e4e;
diff --git a/scss/defaults.scss b/scss/defaults.scss
index 31bdb02..42d3690 100644
--- a/scss/defaults.scss
+++ b/scss/defaults.scss
@@ -20,3 +20,13 @@
         transform: translate3d(4px, 0, 0);
     }
 }
+
+.btn-primary {
+	@include button-variant(lighten($ps-dark-accent,10%), $ps-accent);
+	text-shadow: 2px 2px 1px #111;
+	border-width: 2px;
+}
+
+.btn-secondary {
+	@include button-variant($secondary, $secondary);
+}