GEMWORLD music player lovermonth

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<!-------GEMWORLD player by lovermonth, modified from glenthemes player 02 ------->
<script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>

<style type="text/css">

@font-face {
font-family: emoji;
src: url(https://cinni.net/directory/EmojiFont.ttf);
}

@font-face {
font-family: pokemonred;
src: url(https://dl.dropbox.com/s/cwniaatr9tgsrvv/pokemonred.ttf);
}

/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
position:fixed;
bottom:0;margin-bottom:20px;
left:0;margin-left:20px;
display:flex;
z-index:99;
}
#glenplayer02 a {text-decoration:none;}

#glenplayer02 > div {
align-self:center;
-webkit-align-self:center;
}

.music-controls {
user-select:none;
-webkit-user-select:none;
width:17px;
color: #FF0F9F;
font-family: emoji;
font-size:30px;
cursor:pointer;
}

.playy, .pausee {
color: #FF0F9F;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 7px); }
100% { transform: translate(0, -0px); }
} /* color of play & pause buttons */

.pausee {display:none;}

.sonata {
margin-left:10px;
width:250px;
font-size:13px;
font-family: pokemonred;
color:#222; /* color of music note symbol */
}

.labeltext {
margin-left:8px;
font-family: pokemonred;
font-size:7px;
color:#222; /* color of song title */
}

</style>

<!-------MUSIC PLAYER BY GLENTHEMES------->
<div id="glenplayer02">
<div class="music-controls" onclick="songstart();">
<div class="playy">O</div>
<div class="pausee">s</div>
</div>
<div class="sonata"><marquee> NOW PLAYING... MAMI MAMI ZONE BY REDALiCE </marquee></div>
<div class="labeltext"></div>
</div><!--end music player-->

<audio id="tune" src="https://dl.dropbox.com/s/su8mergyk9lvhmb/mami-mami-zone.mp3" type="audio"></audio>