More fine tweaks for the music page

app/views/music.php

@@ -31,7 +31,7 @@
 		<!-- music playlist section -->
 		<article id="music-list-section" class="col-md-7">
 			<!-- music playlists -->
-			<div class="music-list card">
+			<div class="music-list card shadow-1">
 				<h3 class="music-list-header selected">Opting Out EP</h3>
 				<ol>
 					<li data-title="Opting Out" data-album="Opting Out EP" data-sequence="1" data-path="/audio/opting_out_ep/01 Opting Out">Opting Out</li>
@@ -40,7 +40,7 @@
 					<li data-title="Lady" data-album="Opting Out EP" data-sequence="4" data-path="/audio/opting_out_ep/04 Lady">Lady</li>
 				</ol>
 			</div>
-			<div class="music-list card">
+			<div class="music-list card shadow-1">
 				<h3 class="music-list-header">Brain Scrub - Single</h3>
 				<ol>
 					<li data-title="Brain Scrub" data-album="Brain Scrub - Single" data-sequence="1" data-path="/audio/opting_out_ep/01 Brain Scrub">Brain Scrub</li>

assets/sass/pages/_music.sass

@@ -14,7 +14,7 @@
 
 	.music-list
 		position: relative
-		+transition(all, 300ms)
+		+transition(background, 200ms)
 
 		&:hover
 			cursor: pointer

assets/sass/partials/_card.sass

@@ -5,6 +5,12 @@
 	padding: 15px 10px
 	background: white
 
+	&.hover-box
+		+transition(box-shadow, 200ms)
+
+		&:hover
+			box-shadow: 0 6px 20px 0 rgba(#000, 0.19), 0 8px 17px 0 rgba(#000, 0.2)
+	
 	.underline
 		text-decoration: underline