x<style>

/* ---

music player by kiwi 
kiwiszone@tumblr + rpunderground.com/235

[ instructions ]
- all customizations can be made in the 'root' values! 

--- */


@import url(https://fonts.googleapis.com/css?family=Karla|Space+Mono|Poppins);


kz. {CUSTOMIZATION CONTROLS} 
:root {
  --equalizer: url('https://66.media.tumblr.com/1e45f78370fa0c57b79216d60e7975be/1cec31ea271359b0-98/s75x75_c1/041bbf3cbab323b5cd8ac0edd5fbd6b3bacb6595.gifv'); /*changes music player gif*/
  --song-title-font: 'poppins'; /*changes song title font*/
  --song-title-color: #5d5d5d; /*changes song title color*/
}

    #kz-player {
        width: 190px;
        height: 30px;
        background-color: #fff;
        position: relative;
    }
    
    .kz-eq {
      width: 14px;
      height: 11px;
      background-image: var(--equalizer);
      background-size:cover;
      position: relative;
      top: 30%; left: 10%;
    }

    .kz-songinfo {
      font-family: var(--song-title-font);
      font-size: 10px;
      font-weight: 700;
      color: var(--song-title-color);
      text-align: left;
      text-shadow: 0.5px 0.5px 0.5px rgba(0,0,0,0.1);
      display: block;
      margin: auto;
      top: -30%; left: 25%;
      position: relative;
    }
</style>

<div id="kz-player">
<div class="kz-eq"></div>
<div class="kz-songinfo">song title<i>!</i>
  <font style="font: 7px 'karla'; color: #5d5d5d!important; display: block;">artist name</font>
</div>
</div>