cr joyiuvie pro-standard code + animation

---CODE---
<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;
}

@font-face {
font-family:'PORKYS';
src: url(https://dl.dropbox.com/s/p47jjxbd1dg8st2/PORKYS_.TTF?);
}

#text01 {
font-family:'PORKYS';
text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff, 0 0;
-webkit-filter: drop-shadow(0px 0px 2px #FFF);
}

#text02 {
overflow: auto;
height: 5em;
}

#icons01 li a {
border: 1px solid white;
}

#container01 > .wrapper {
height: 24em;
width: 21em;
left: -3em;
z-index: 99;
}
#container02 > .wrapper {
height: 14em;
width: 6em;
position: absolute;
left: 19.5em;
top: -19.5em;
}
@media only screen and (max-width: 600px) {
#container02 {
left: 1em;
}
}
#text03 {
overflow: auto;
height: 7.5em;
}
#container03 {
position: absolute;
z-index: 9999;
top: 8em;
left: 3em;
width: 18em;
height: 10em;
}
#container04 {
position: absolute;
z-index: 9999;
top: 8em;
left: 3em;
width: 18em;
height: 10em;
}
#text04 {
overflow: auto;
height: 7.5em;
}
</style>

---ANIMATION---
<style>
#container03, #container04 {
-webkit-animation: scale-up-br 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: scale-up-br 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
* Generated by Animista on 2024-4-11 15:2:35
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation scale-up-br
* ----------------------------------------
*/
@-webkit-keyframes scale-up-br {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
}
@keyframes scale-up-br {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
}
</style>