cr dollcrds pro-standard marquee text & animation

---MARQUEE TEXT---
<style>
@font-face {
src: url(https://dl.dropbox.com/s/n0fd32x7bldeozt/Shutter%20Speed.ttf);
font-family: shutter;
}

#hehe {
font-family: shutter;
font-style: bold;
font-size: 1.5em;
color: white;
letter-spacing: 1px;
line-height: 2em;
text-shadow: #000 1px 0 5px;
}

@media only screen and (max-width: 600px) {
#hehe {
font-size: 1.3em;
}
}
</style>

<div id="hehe"> <marquee behavior="scroll" direction="left"> <em>I'm walking on a tightrope 15 below the floor I see a red light glowing She's standing by the door</em> </marquee>
</div>

---ANIMATION---
<style>
#container08, #container09, #container10 {
-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;
z-index: 9999;
}

/* ----------------------------------------------
* Generated by Animista on 2024-3-25 18:59:51
* 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>