User and parallax; Debug track selecting

src/scss/components/_debug.scss

@@ -3,12 +3,13 @@
 	font-size: 10px;
 	position: fixed;
 	top: 10px;
-	right: 10px;
+	right: 1vw;
 	border-radius: 3px;
 	z-index: 96;
 	padding: 10px;
-	background: rgba(10, 10, 10, 0.7);
+	background: rgba(100,100,100, 0.8);
 	color: $white;
 	pointer-events: none;
-	width: 200px;
+	width: 220px;
+	max-width: 98vw;
 }

src/scss/components/_notifications.scss

@@ -12,7 +12,7 @@
 		@include fadein();
 		display: block;
 		position: relative;
-		background: $darkest_grey;
+		background: $blue;
 		padding: 16px 40px 16px 22px;
 		margin: 10px 0 0 0;
 		color: $white;
@@ -70,7 +70,7 @@
 				display: block;
 				content: '';
 				background: $white;
-				opacity: 0.1;
+				opacity: 0.15;
 			    animation: slideloader 1s infinite;
 				top: 0;
 				right: 0;

src/scss/components/_sidebar.scss

@@ -7,8 +7,8 @@ aside{
 	z-index: 96;
 	width: 219px;
 	overflow: hidden;
-	background: darken($dark_grey, 1%);
-	border-right: 1px solid lighten($dark_grey, 5%);
+	background: $darkest_grey;
+	border-right: 1px solid lighten($dark_grey, 2%);
 	color: $white;
 
 	.liner {

src/scss/global/_variables.scss

@@ -5,8 +5,8 @@ $faint_grey: #f4f2f0;
 $light_grey: #cecac4;
 $mid_grey: #a3a19f;
 $grey: #383734;
-$dark_grey: #262728;
-$darkest_grey: #171819;
+$dark_grey: #181818;
+$darkest_grey: #121212;
 $secondary_grey: #888888;
 $white: #FFFFFF;
 $black: #000000;

src/scss/views/_artist.scss

@@ -25,7 +25,6 @@
 			padding: 35vh 40px 0;
 
 			h1 {
-				color: $white;
 				padding-bottom: 25px;
 				font-size: 4rem;
 			}

src/scss/views/_user.scss

@@ -17,22 +17,11 @@
 		.liner {
 			position: relative;
 			z-index: 1;
-			padding: 30vh 40px 90px 350px;
-
-			.thumbnail {
-				position: absolute;
-				z-index: 2;
-				left: 40px;
-				bottom: 40px;
-				max-width: 264px;
-
-				.image {
-					background-color: $darkest_grey;
-				}
-			}
+			padding: 35vh 40px 0;
 
 			h1 {
-				color: $white;
+				padding-bottom: 15px;
+				font-size: 4rem;
 			}
 
 			h2 {