sliding music player

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<link href="//fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet">

<script src="https://static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>

<!-------MUSIC PLAYER BY GLENTHEMES------->
<script src="//static.tumblr.com/gtjt4bo/oEQpu602h/glenplayer05-right.js"></script>

<style>
/*-------MUSIC PLAYER BY GLENTHEMES-------*/
:root {
   --Music-Player-Position-From-Bottom:30px;
   --Music-Player-Background:#121212;
   --Music-Player-Padding:9px;
   --Music-Player-Roundness:3px;
   --Music-Title-Font-Size:11px;
   --Music-Title-Color:#d0cdd8;
   --Play-Pause-Buttons-Size:17px;
   --Play-Pause-Buttons-Color:#d0cdd8;
   --Headphones-Icon-Size:15px;
   --Headphones-Icon-Color:#d0cdd8;
}
#glenjams-05 {
  position:fixed;
  bottom:0;margin-bottom:calc(var(--Music-Player-Position-From-Bottom) - 5px);
  right:0;margin-right:0px;
  z-index:99;
}

.nebula {
  padding:5px 0;
  cursor:default;
}

.suns {
  padding:calc(var(--Music-Player-Padding) * 1.1) var(--Music-Player-Padding);
  background:var(--Music-Player-Background);
  border-radius:var(--Music-Player-Roundness) 0 0 var(--Music-Player-Roundness);
  line-height:1em;
}

.suns, .m-txt {display:flex;}

.suns > *, .m-txt > * {
  align-self:center;
  -webkit-align-self:center;
}

.headphones {
  margin-right:-1px;
  padding:0 calc(var(--Music-Player-Padding) / 2);
}

.headphones svg {
  width:var(--Headphones-Icon-Size);
  height:var(--Headphones-Icon-Size);
  color:var(--Headphones-Icon-Color);
}

.mm {display:none;}

.music-controls {
  margin-left:calc((var(--Music-Player-Padding) / 2) - 1px);
  margin-right:.5px;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  cursor:pointer;
}

.music-controls .material-icons {
  margin:0 1px;
  font-size:var(--Play-Pause-Buttons-Size);
  color:var(--Play-Pause-Buttons-Color);
  cursor:pointer;
}

.pausee {display:none;}

.beff {display:none;}
.aff {display:block;}

.music-name {
  padding:0 calc(var(--Music-Player-Padding) / 2);
  font-family:work sans;
  font-size:var(--Music-Title-Font-Size);
  color:var(--Music-Title-Color);
}
</style>

<body>
<!-------MUSIC PLAYER BY GLENTHEMES------->
<div id="glenjams-05">
<div class="nebula">
   <div class="suns">
       <div class="headphones"><i data-feather="headphones"></i></div>
       <div class="mm">
       <div class="m-txt">
           <div class="music-controls">
           <a class="fire">
           <i class="material-icons playy">play_arrow</i>
           <i class="material-icons pausee">pause</i>
           </a>
       </div><!--music-controls-->
       <div class="music-name">Falling Stars</div>
       </div><!--m-txt-->
       </div><!--mm-->
   </div><!--suns-->
</div><!--nebula-->
</div><!--glenjams-05-->

<audio id="audio" src="https://dl.dropbox.com/s/892tuuc1w48b7d3/Falling%20Stars.mp3" type="audio"></audio>
<!----end music player---->
</body>