cr lovijun pro-standard codes + music player

---CODE--- (positioning & colors may need to be adjusted!)

<style>
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}
#buttons01 li a {
background: #fff;
}
#buttons02 li a {
background: #EBD1EC;
}
#image07 {
position: absolute;
bottom: -4.5em;
}
#container02 {
width: 9em;
position: absolute;
top: 3em;
z-index: 99;
border-left: 1px solid #575757;
border-bottom: 1px solid #575757;
border-top: 1px solid #575757;
border-radius: 2px 0px 0px 0px;
}
#container03 {
width: 9em;
position: absolute;
top: 5em;
z-index: 9;
border-left: 1px solid #575757;
border-bottom: 1px solid #575757;
}
#container04 {
width: 9em;
position: absolute;
top: 7.25em;
border-left: 1px solid #575757;
border-bottom: 1px solid #575757;
border-radius: 0px 0px 0px 2px;
}
#container05 {
width: 8em;
position: absolute;
top: 10em;
z-index: 99;
left: 1em;
}
#container06 {
width: 9em;
position: absolute;
top: 20.375em;
}
#container07 {
width: 21.25em;
position: absolute;
top: 3em;
left: 9.5em;
border-right: 1px solid #575757;
border-bottom: 1px solid #575757;
border-top: 1px solid #575757;
border-radius: 0px 5px 5px 0px;
height: 25.800em;
background: #E36AD4;
}
@media only screen and (max-width: 600px) {
#container07 {
height: 25.825em;
width: 21.25em;
}
}
#container08 {
width: 21em;
position: absolute;
background: #D2338A;
border-radius: 2px 2px 2px 2px;
border: 1px solid #575757;
top: 20.375em;
left: 9.5em;
z-index: 999;
}
#container09 {
width: 20em;
position: absolute;
background: #EBD1EC;
border: 1px solid #575757;
top: 20.875em;
left: 10em;
z-index: 9999;
height: 7em;
}
@media only screen and (max-width: 600px) {
#container09 {
width: 19.75em;
height: 7.25em;
}
}
#text07 {
border-radius: 20px 0px 20px 20px;
background: white;
border: 1px solid #575757;
padding: 5px;
width: 14em;
right: -1em;
}
#text08 {
border-radius: 0px 20px 20px 20px;
background: white;
border: 1px solid #575757;
padding: 5px;
width: 9em;
right: 1.75em;
}
#buttons03 li a {
background: #EBD1EC;
}
#container10 {
background: white;
border: 1px solid #575757;
border-radius: 5px 5px 5px 5px;
width: 18.75em;
position: absolute;
top: 26em;
left: 10.625em;
z-index: 99999;
}
@media only screen and (max-width: 600px) {
#container10 {
top: 26.25em;
left: 10.5em;
}
}
#container11 {
width: 21em;
position: absolute;
border: 1px solid #575757;
top: 3.25em;
left: 9.5em;
border-radius: 2px 2px 2px;
z-index: 9999;
}
@media only screen and (max-width: 600px) {
#container11, #container08 {
width: 20.75em;
}
}
#container12 {
width: 18.25em;
position: absolute;
top: 4.125em;
left: 11em;
z-index: 99999;
}
#container13, #container14, #container15 {
width: 18.25em;
position: absolute;
top: 4.125em;
left: 11em;
z-index: 99999;
height: 15em;
overflow-y: scroll;
border: 1px solid #575757;
}
@media only screen and (max-width: 600px) {
#container12, #container13, #container14, #container15 {
left: 10.75em;
}
}
#text14, #text16, #text18, #text20, #text22, #text24 {
overflow-y: scroll;
height: 5em;
}
</style>

---MUSIC PLAYER---
<style>

</style>
<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>

<style type="text/css">
/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
position:relative;
top:0px;
left:5px;
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:13px;
font-size:18px;
cursor:pointer;
}

.playy, .pausee {color:#EBD1EC; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;} /* color of play & pause buttons */

.pausee {display:none;}

.sonata {
margin-left:10px;
font-size:14px;
color:#EBD1EC;
font-weight: bold;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0; /* color of music note symbol */
}

.labeltext {
margin-left:0px;
position: relative;
bottom:10px;
font-size:14px;
color:#EBD1EC;
font-weight: bold;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;/* color of song title */
}

</style>
<body>
<!-------MUSIC PLAYER BY GLENTHEMES------->
<div id="glenplayer02">
<div class="music-controls" onclick="songstart();">
<div class="playy">►</div>
<div class="pausee">♬</div>
</div>
<div class="sonata"> <marquee> So tell me how does it feel
With ketamine across your plate?
But still you can't stand the taste</marquee> </div>
<div class="labeltext"></div>
</div><!--end music player-->

<audio id="tune" src="https://dl.dropbox.com/scl/fi/wv3e2gl4w5zjil6ie07jr/01-overpaid-feat.-Tom-The-Mail-Man.mp3?rlkey=g00xvtz096zaqvsvzasferzjx&dl=0.mp3""audio"></audio>
</body>

<div class="labeltext"> </div>