[Griffin Banks]

[nospaces][googlefont=Roboto:600,900][googlefont="Material+Icons"]

[attr="class","hsnMusic"]

[attr="class","hsnAlbumCover"]

[attr="class","hsnCredit"]SELKIE

[attr="class","hsnTitle"]

[attr="class","hsnTitleCutout"]







Split

[attr="class","hsnPlayButtons"]

[attr="class","material-icons"]

[attr="class","hsnBackForth"]fast_rewind

[attr="class","material-icons"]

[attr="class","hsnPlay"]











play_arrow

[attr="class","material-icons"]

[attr="class","hsnBackForth"]fast_forward

[attr="class","hsnSongBG"]

[attr="class","hsnSong"]

[attr="class","hsnSongTitle"][attr="class","hsnSongArtist"]







CHARLES WESLEY GODWIN















TEMPORARY TOWN

[attr="class","material-icons"]

[attr="class","hsnSongButton"]







play_circle_outline

[attr="class","hsnSongBG"]

[attr="class","hsnSong"]

[attr="class","hsnSongTitle"][attr="class","hsnSongArtist"]







MEGADETH















TORNADO OF SOULS

[attr="class","material-icons"]

[attr="class","hsnSongButton"]







play_circle_outline

[attr="class","hsnSongBG"]

[attr="class","hsnSong"]

[attr="class","hsnSongTitle"][attr="class","hsnSongArtist"]







BILLIE EILISH















WHAT WAS I MADE FOR?

[attr="class","material-icons"]

[attr="class","hsnSongButton"]







play_circle_outline

[attr="class","hsnSongBG"]

[attr="class","hsnSong"]

[attr="class","hsnSongTitle"][attr="class","hsnSongArtist"]







SONGS TO WEAR PANTS TO















P.F.U.D.O.R.

[attr="class","material-icons"]

[attr="class","hsnSongButton"]







play_circle_outline

[attr="class","hsnSongBG"]

[attr="class","hsnSong"]

[attr="class","hsnSongTitle"][attr="class","hsnSongArtist"]







ARIANA GRANDE















YES, AND?

[attr="class","material-icons"]

[attr="class","hsnSongButton"]







play_circle_outline

[newclass=.hsnMusic] width:500px; display:flex; flex-direction:column; flex-wrap:wrap; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);margin:10px; [/newclass]



[newclass=.hsnAlbumCover] width:500px; height:500px; background-image:url(http://placehold.it/500x500.png); display:flex; flex-wrap:wrap; [/newclass]



[newclass=.hsnTitle] font:900 36px Roboto; text-transform:uppercase; color:#fff; width:100%; height:200px; text-align:center; padding-top:25px; background: linear-gradient( to top, transparent, rgba(0,0,0,.5) ); [/newclass]



[newclass=.hsnTitleCutout] color:#fff; text-fill-color: transparent; -webkit-text-fill-color: transparent; background:url(http://placehold.it/500x500.png) 0px -25px; -webkit-background-clip: text; cursor:default; [/newclass]



[newclass=.hsnPlayButtons] width:100%; align-self:flex-end; font-family:Material Icons; color:#fff; display:flex; flex-direction:row; align-items:center; justify-content:center; [/newclass]



[newclass=.hsnBackForth] font-size:75px; text-shadow: 0px 0px 7px rgba(0,0,0,.33); cursor:pointer; width:75px; height:75px; [/newclass]



[newclass=.hsnPlay] font-family: 'Material Icons';font-size:175px; text-shadow: 0px 0px 3px rgba(0,0,0,.33); margin:0px 25px; [/newclass]



[newclass=.hsnPlay a] color:#fff; font:175px Material Icons; [/newclass]



[newclass=.hsnCredit] position:absolute;width:490px;text-align:right;align-self:flex-end;color:#fff;font:bold 7px roboto;[/newclass]



[newclass=.hsnCredit a] font:bold 7px roboto!important;color:#fff!important; [/newclass]



[newclass=.hsnSongBG] background-color:#f6f6f6; [/newclass]



[newclass=.hsnSong] font-size: 72px; height:50px; padding:5px; width:490px; display:flex; flex-direction:row; align-items:center; justify-content:space-between;[/newclass]



[newclass=.hsnSongButton] width:50px; height:50px; font:36px Material Icons; display:flex; align-items:center; justify-content:center; margin-right:5px; color:#56838A; [/newclass]



[newclass=.hsnSongButton a] font:36px Material Icons!important;color:#56838A; [/newclass]



[newclass=.hsnSongTitle] color:#ccc; text-align:left; font:600 15px/90% Roboto; letter-spacing:0px; text-transform:uppercase; margin-left:20px; cursor:default; background: linear-gradient( to right, #7DBABF, #56838A ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;[/newclass]



[newclass=.hsnSongArtist] color:#ccc; margin-right:25px; background-color:rgba(255,255,255,0); -webkit-background-clip: text; [/newclass]