codes for opal crd

---- for main container ----
width: 85%;
height:200px;
margin-left:40px;
overflow-x:hidden;
overflow-y: scroll;
border-radius: 3px;
border: 1px solid white;
padding-top:15px;
padding-bottom:15px;
padding-left:20px;
padding-right:20px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(255,143,210,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(255,143,210,1);
box-shadow: 0px 0px 5px 0px rgba(255,143,210,1);


---- for doll ----
filter: drop-shadow(1px 1px 0 rgba(255, 199, 232, 0.4)) drop-shadow(-1px 1px 0 rgba(255, 199, 232, 0.4)) drop-shadow(0 2px 0 rgba(255, 199, 232, 0.4)) drop-shadow(0 -1px 0 rgba(255, 199, 232, 0.4)) drop-shadow(0 1px 1.5px rgba(255, 199, 232, 0.4)) drop-shadow(0 -1px 1.5px rgba(255, 199, 232, 0.4)) drop-shadow(1px -1px 1.5px rgba(255, 199, 232, 0.4)) drop-shadow(-1px -1px 1.5px rgba(255, 199, 232, 0.4));

position: absolute;
left: -1em;
bottom: -0.5em;

---- for scrollbox ----
in the text:
background: rgba(255, 255, 255, 0.44);
margin:auto;
height:160px;
overflow-y:scroll;
border-radius: 3px;
border: 1px solid white;
padding:10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(255,143,210,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(255,143,210,1);
box-shadow: 0px 0px 5px 0px rgba(255,143,210,1);

in highlight:
font-family: berkshire;
background: #FFFFFF;
border-radius: 5px;
padding: 1px 5px 1px 5px;
border: 1px solid #955136;

---- fonts ----
<style>
@font-face {
font-family: powerpuff;
src: url(https://dl.dropbox.com/s/ld98ab3o395z147/Astral%20Delight%20Black%20Upright.ttf);
}

@font-face {
font-family: berkshire;
src:url(https://dl.dropbox.com/s/49tg0oklrpc2u71/BerkshireSwash-Regular.ttf?);

</style>

---- 'ruesha.com' ----
font-family: powerpuff;
position: absolute;
bottom: 9em;
left: 4.4em;
font-size: 1.5em;
z-index:500;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
line-spacing: 0.134em;
-webkit-filter: drop-shadow(0px 0px 3px rgba(255, 199, 232, 0.8));