pro-standard cr narumitsuluv misc

---MUSIC PLAYER---
<style>
@font-face {
font-family: emoji;
src: url(https://dl.dropbox.com/s/cvba4kh6qm23mru/EmojiFont.ttf);
}

#music-player {
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
height: 1.425em;
width: 1.425em;
font-size: 2em;
font-family: emoji;
padding: 0.125em;
background: #C4D4FD;
border-radius: 50%;
background: -webkit-linear-gradient(-90deg, #fff, #DE9CC1, #DE9CC1 50px);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-filter: drop-shadow(0px 0px 2px #424242CF);
-webkit-animation: spin 2s linear infinite;
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
position: absolute;
bottom: 2em;
right: 25px;
}

@media only screen and (max-width: 600px) {
#music-player {
font-size: 1.85em;
bottom: 2.85em;
right: 15px;
}
}

@-moz-keyframes spin { 100% {
-moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin { 100% {
-webkit-transform: rotate(360deg); }
}

@keyframes spin { 100% {
-webkit-transform: rotate(360deg); transform:rotate(360deg); }
}

#music-player:hover { -webkit-animation: pop 0.3s ease; }
</style>

<div id="music-player" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">s</div><script> document.getElementById("music-player").onclick = function() {
var audio = document.getElementById("audio");
if (audio.paused) audio.play();
else audio.pause();
};
</script>

<audio id="audio" src="https://dl.dropbox.com/scl/fi/2k057sh85w76p85ce48rp/01-I_ll-See-You-There-Tomorrow.mp3?rlkey=iq7rmm38nqj1eowvs7sn5uldv&st=pvk1fr80&dl=0.mp3"></audio>

---BLINKING TEXT---
<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}
p3 {
color: #575757;
animation: blinkingText 1.2s infinite;
margin: auto;
font-size: 1rem;
font-family: windows;

}

@keyframes blinkingText {
0% {
color: #575757;
}

49% {
color: #575757;
}

60% {
color: white;
}

99% {
color: white;
}

100% {
color: #575757;
}
}

</style>

<p3>tubatu 4eva</p3>

---MISC CODES & MOBILE SETTINGS---
<style>
* {
scrollbar-width: auto;
scrollbar-color: #FFFCB0 #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 35px;
}

*::-webkit-scrollbar-track {
background: #ffffff;
}

*::-webkit-scrollbar-thumb {
background-color: #FFFCB0;
border-radius: 0px;
border: 0px solid #ffffff;
}
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}
@font-face {
font-family: Butterflies;
src: url(https://dl.dropbox.com/s/l1w3wn5xnj8acn2/Butterflies.ttf);
}
@font-face {
font-family: hibiscus;
src: url(https://dl.dropbox.com/s/7y1uc54cr7geagp/Hibiscus.ttf);
}
@font-face {
font-family: kitten;
src: url(https://dl.dropbox.com/s/iu9a60e3nidrio6/KittenSlantTrial.ttf);
}
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}
@media only screen and (max-width: 600px) {
#container01 {
width: 350px;
}
}
@media only screen and (max-width: 600px) {
#container08 {
width: 225px;
}
}
@media only screen and (max-width: 600px) {
#container09 {
left: -1em;
}
}
</style>