pro-standard cr chatterism codes

<style>
@font-face {
font-family: cutie;
src: url(https://dl.dropbox.com/s/xo075bh6tbd4f7d/CP.ttf);
}
#image01 .frame {
transform: rotate(-9deg);
}
#text01 {
text-shadow: -3px -1px 0px #ce9eff, -6px -1px 0px #cefeaa;
font-family: cutie;
}
#container01 > .wrapper {
position: absolute;
z-index: 99;
top: -5em;
left: 4em;
}
#container02 > .wrapper {
position: absolute;
z-index: 999;
top: -1em;
left: 10em;
}
#container03 > .wrapper {
z-index: 9;
}
#container04 > .wrapper {
position: absolute;
z-index: 99;
top: 4em;
left: 6.5em;
}
#container05 > .wrapper {
position: absolute;
top: -18em;
left: -4em;
}
@media only screen and (max-width: 600px) {
#container02 {
left: 2em;
}
}
</style>