Music template // interest filler #5

<style>

@font-face { font-family: "lucky"; src: url('http://dl.dropbox.com/s/m6uoh5p8ezielqw/Lucky%20Turns%20-%20Demo.ttf');}

#music {
    position: relative;
    width: 210px;
    height: 80px;
    padding: 10px;
    background-image: linear-gradient(#fff);
  }

  #music-icon {
    position: relative;
    margin-left: -4px;
    width: 80px;
    height: 80px;
  }

  #song-title {
    position: relative;
    margin-top: -50px;
    left: 85px;
    font-family: 'lucky';
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 15px;
    color: #000;
    font-weight: 700;
  }

  #artist {
    position: relative;
    font-family: 'courier new';
    font-size: 12px;
    letter-spacing: -1px;
    color: #000;
    font-weight: 400;
  }

</style>

<div id="music">
<img src="https://66.media.tumblr.com/dff4d09fba5cf8c7fce493f1d020af42/tumblr_inline_o5x0fdET581thb8fo_100.gif" id="music-icon">
<div id="song-title">Die For You
<div id="artist">The Weeknd</div>
</div>
</div>