Added music player selection highlights

assets/sass/pages/_music.sass

@@ -1,59 +1,63 @@
 #music-header
-	text-align: center
+  text-align: center
 
-	h1
-		color: white
-		font:
-			size: 34px
-			weight: bold
+  h1
+    color: white
+    font:
+      size: 34px
+      weight: bold
 
 #music-list-section
-	.music-list
-		position: relative
-		+transition(background, 200ms)
+  .music-list
+    position: relative
+    +transition(background, 200ms)
 
-		&:hover
-			cursor: pointer
-			background: #f0f0f0
+    &:hover
+      cursor: pointer
+      background: #f0f0f0
 
-	.music-list-header
-		margin: 10px 0
+  .music-list-header
+    margin: 10px 0
 
 .now-playing-list,
 .music-list ol
-	margin-left: 15px
-	margin-right: 15px
-	color: $text-color
+  margin-left: 15px
+  margin-right: 15px
+  color: $text-color
 
-	li
-		+transition(background, 200ms)
+  li
+    +transition(background, 200ms)
 
-		&:hover
-			background: #f0f0f0
+    &:hover
+      background: #f0f0f0
+      cursor: pointer
 
-			a
-				color: $main-color
+      a
+        color: $main-color
 
-		&.selected
-			background: #e0e0e0
+    &.selected
+      background: #e0e0e0
 
-	li,
-	a
-		display: block
-		+size(100% 100%)
-		padding: 8px 5px
-		color: $text-color
-		text-decoration: none
-		+transition(color, 200ms)
+      a
+        color: $main-color
+
+  li,
+  a
+    display: block
+    +size(100% 100%)
+    padding: 8px 5px
+    color: $text-color
+    text-decoration: none
+    +transition(color, 200ms)
 
 #music-player-card
-	.mejs-container
-		width: 100%
+  .mejs-container
+    width: 100%
 
-	.mejs-container,
-	.mejs-mediaelement,
-	.mejs-controls
-		background: transparent
+  .mejs-container,
+  .mejs-mediaelement,
+  .mejs-controls
+    background: transparent
 
 .album-art
-	width: 100%
+  width: 100%