cr anastasia

* PLEASE CREDIT ANASTASIA WHEN REMAKING *

--- CREDITS ---
font-family: windows;

--- ALL FONTS ---
<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

@font-face {
font-family:'kosmos';
src: url(https://dl.dropbox.com/s/olyigvm99jgmn8h/PLANK___.TTF);
}

</style>

--- TOP CONTAINER ---
border-radius: 10px;

--- NAVIGATION BUTTONS ---
box-shadow: inset 7px 0 7px -7px white, inset -7px 0 7px -7px white, inset 0 -7px 7px -7px white;
border: 1px solid black;
font-family: windows;

--- MAIN CONTAINER ---
box-shadow: inset 7px 0 7px -9px gray, inset -7px 0 7px -9px gray, inset 0 -7px 7px -9px gray;
border-radius: 10px;

--- NAME TEXT ---
font-family: kosmos;
font-size: 18px;
-webkit-filter: drop-shadow(0px 0px 1px #000000);
left: -.13em;

(mobile)
font-size: 18px;

--- LEFT SCROLLBOX ---
font-family: windows;
overflow: auto;
height: 4em;

--- RIGHT SCROLLBOX ---
font-family: windows;
background: white;
padding: 10px;
border-radius: 10px;
height: 5em;
overflow: auto;

(Text: Highlight)
border-radius: 0px 20px 20px 0px;
margin-left: -0.75em;
padding-left: 10px;
padding-right: 10px;

--- DOLL IMAGE ---
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
position: absolute;
bottom: -0.8em;
right: -1.5em;

--- FLOAT ---
<style>

@keyframes floating {
0% {
transform: translate(0, 0px);
}

50% {
transform: translate(0, 15px);
}

100% {
transform: translate(0, -0px);
}
}

</style>

--- INFO CONTAINERS ---
box-shadow: inset 7px 0 7px -9px gray, inset -7px 0 7px -9px gray, inset 0 -7px 7px -9px gray;
border-radius: 10px;
height: 9em;
width: 14.75em;
overflow: auto;
z-index: 99;

--- CLOSE BUTTON ---
box-shadow: inset 7px 0 7px -7px white, inset -7px 0 7px -7px white, inset 0 -7px 7px -7px white;
border: 1px solid black;
font-family: windows;
font-size: 12px;

--- OTHER SCROLLBOXES ---
font-family: windows;
background: white;
padding: 10px;
border-radius: 10px;
height: 4em;
width: 17em;
overflow: auto;

(mobile)
width: 17em;

--- POSITIONING for INFO CONTAINERS ---
position: absolute;
bottom: -1.7em;
left: 6em;