music player for superjake45 & angeidiarys

<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;800&display=swap" rel="stylesheet">

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

<!-------MUSIC PLAYER BY GLENTHEMES------->
<script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>

<script src="https://kit.fontawesome.com/8119dfca45.js" crossorigin="anonymous"></script>

</head>

<style type="text/css">

@font-face {
font-family: 'music';
src: url(https://cdn.glitch.me/9bbfdfb3-4bfa-4c39-8743-5621c8b9df21/LL_RECOR.TTF);
}

@font-face {
font-family: Pixelated MS Sans Serif;
src:url(ms_sans_serif.woff) format("woff");
src:url(ms_sans_serif.woff2) format("woff2");
}

/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
position: relative;
bottom: 0;
margin-bottom: 0;
left: 0;
margin-left: 0.3em;
right: 0;
margin-right: 0em;
display:flex;
background: #C2C2C2;
padding: 1px;
border: 3px solid;
border-style: inset;
width:auto;
}

@media only screen and (max-width: 600px) {
#glenplayer02 {
margin-left: -0.8em;
}
}

#glenplayer02 a {text-decoration:none;}

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

.music-controls {
user-select:none;
-webkit-user-select:none;
width:13px;
font-size:18px;
cursor:pointer;
font-family: 'music';
margin-left: 0.2em;
}

.playy, .pausee {
font-family: 'music';
font-size: 1.1em;
color: #a9c2d4;
-webkit-text-stroke: 0.5px #000;
margin-top: -0.2em;
margin-bottom: 0.1em;
} /* color of play & pause buttons */

.pausee {display:none;}

.sonata {
margin-left:0.4em;
font-family: Pixelated MS Sans Serif;
font-size:1em;
color:#000; /* color of music note symbol */
}

.labeltext {
margin-left:0.5em;
position: relative;
bottom:0.1em;
font-size:14px;/* color of song title */
}

</style>
<body>
<!-------MUSIC PLAYER BY GLENTHEMES------->
<div id="glenplayer02">
<div class="music-controls" onclick="songstart();">
<div class="playy">d</div>
<div class="pausee">k</div>
</div>
<div class="sonata">MP3 </div>
<div class="labeltext"><img src="https://64.media.tumblr.com/tumblr_ll7wpyHlj71qi6qow.gif"> <span style="font-family: 'music'; font-size: 1.1em; color: #a9c2d4; -webkit-text-stroke: 0.5px #000; margin-top: -0.2em; margin-bottom: 0.1em; ">o</span></div>
</div><!--end music player-->

<audio id="tune" src="https://cdn.discordapp.com/attachments/1011654612551487558/1089559821184946206/yt1s.com_-_ericdoa_VALORANT_greater_than_one_Official_Audio.mp3"></audio>
</body>