rosita (cr crditem) fonts & animation & music player

<style>
@font-face {
font-family: handy;
src: url(https://dl.dropbox.com/s/ga9hf4idu3egjb5/handy00.ttf);
}
@font-face {
font-family: kinkie;
src: url(https://dl.dropbox.com/s/klv8tmajlqrb2xz/BILLO___.TTF);
}
</style>


<style>
#text05, #text06, #text08, #text04, #text07, #text09 {
-webkit-animation: scale-up-ver-bottom 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: scale-up-ver-bottom 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
* Generated by Animista on 2024-3-4 21:12:40
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation scale-up-ver-bottom
* ----------------------------------------
*/
@-webkit-keyframes scale-up-ver-bottom {
0% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
}
@keyframes scale-up-ver-bottom {
0% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
}
</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:120px;
left: -260px;
width:150px;
z-index:5;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
}

@media only screen and (max-width: 600px) {
#glenplayer02 {
position: relative;
left: -210px;
top: 100px;
}
}

div.ex2 {
width: 170px;
opacity:1;
margin: auto;
padding:5px;
}
#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:13px;
cursor:pointer;
}

.playy, .pausee {color:#FBD9E6; 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;
color:#222; /* color of music note symbol */
}

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

</style>
<body>
<!-------MUSIC PLAYER BY GLENTHEMES------->
<div id="glenplayer02">
<div class="ex2">
<div class="music-controls" onclick="songstart();">
<div class="playy">►</div>
<div class="pausee">♥</div>
</div>
<div class="sonata"> </div>
<div class="labeltext"> </div>
</div><!--end music player-->

<audio id="tune" src="https://dl.dropbox.com/scl/fi/nnwrmc8uu0h6o0v6vos57/01-Mixtape-_-Time-Out.mp3?rlkey=d12mucu9l405ejdptusnh239e&dl=0.mp3"audio"></audio>
</body>

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