codes for reum crd

----- fonts -----
<style>
@font-face {
font-family: snacker;
src: url(https://dl.dropbox.com/s/49ym38hrmo87tb2/SnackerComic_PerosnalUseOnly.ttf);
}

@font-face {
font-family: candy;
src: url(https://dl.dropbox.com/s/dbva8smhb29i39g/CANDY.ttf);
}
</style>

----- name -----
text-shadow: -1px 0 #FF73AB, 0 3px #FF73AB, 3px 0 #FF73AB, 0 -1px #FF73AB, 0 0;
font-family: candy;
color: #fff;
position: absolute;
top: -.9em;
left: 0.55em;

(adjust for mobile!)

----- basic info -----
font-family: 'snacker';
text-shadow: -1px 0 #FF94BF, 0 1px #FF94BF, 1px 0 #FF94BF, 0 -1px #FF94BF, 0px 0px 6px #FF69C4;

----- for image -----
(you need to change the left & bottom for how you want YOUR image to look! play around with it)
position: absolute;
left: -.5em;
bottom: 0em;

----- scrollboxes -----
width: 85%;
margin: auto;
padding: .67em;
background: #ffffff;
box-shadow: 0 0 0.6em 0.6em #ffffff;
border-radius: 4px;
height: 11em;
overflow-y: scroll;

----- mark -----
background:linear-gradient(to top, #FFABCD 1%, #FFF 92%);
border-radius:10px;
border: 1px solid black;
padding: .1em .25em .1em .25em;
color: #000;

----- button background -----
background:linear-gradient(to top, #FF94BF 1%, #FFF 92%);
text-shadow: -1px 0 #FF94BF, 0 1px #FF94BF, 1px 0 #FF94BF, 0 -1px #FF94BF, 0px 0px 6px #FF69C4;

----- poptext -----
<style>

#text05{
-webkit-animation: pop 1s ease-in-out infinite alternate;
animation: pop 1s ease-in-out infinite alternate;
-moz-animation: pop 1s ease-in-out infinite alternate;
}

@keyframes
pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1)
}

to {
transform:scale(0.95)
}
}

@-webkit-keyframes pop {
from {
-webkit-transform:scale(0.95)

}

50% {
-webkit-transform:scale(1)

}

to {
-webkit-transform:scale(0.95)

}
}

</style>