<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Racing+Sans+One);




#profile {display:none;}

.pfor {display: none;}

.right{
 float:right;
}

.left{
 float:left;
}


a, a:hover, .stats:hover {
cursor:url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto; }


body {

cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
background-color: #FFF;
 background-image: url("https://puu.sh/qbrwk/b18dcaea1f.png");
background-position:left;
background-size:100% 100%;
background-repeat:no-repeat;
}

#img {
position: absolute;
right:0px;
bottom:0px;
height:100%;
width:400px;
z-index:-1;
}


#name {
position:fixed;
width: 600px;
height: 200px;
top:5px;
left:-200px;
color:#000000;
font-family: 'Racing Sans One', cursive;
font-size: 50px;
text-align:left;
text-shadow: 4px 2px 0px #FFF;
overflow:hidden;
transform: translateX(100%);
 -webkit-animation: anim 1.5s 1;
 animation: anim 2.9s 1;
}
@-webkit-keyframes anim {
0% {opacity:0;}
 0% {
 transform: translateX(100%);
 }
 10% {
 transform: translateX(0);
 }
20% {
 transform: translateX(0);
 }
60% {
 transform: translateX(0);
 }
 100% {
 transform: translateX(100%);
 }
}
@keyframes anim {
0% {opacity:0;}
 0% {
 transform: translateX(100%);
 }
 10% {
 transform: translateX(0);
 }
20% {
 transform: translateX(0);
 }
 60% {
 transform: translateX(0);
 }
 100% {
 transform: translateX(100%);
 }
}





#int{
position: absolute;
right:430px;
top:50px;
height:20px;
width:100px;
z-index:1;
color:#000;}



.grow {
position:absolute;
left: -410px;
top: 50px;
height: 0px;
width: 400px;
font-family: 'Racing Sans One', cursive;
background: transparent;
font-size:16px;
z-index:1;
color:#555;
border-top: 6px double #000;
border-top: 6px double #000;
border-radius:0px 0px 10px 10px;
text-shadow: 1px 1px #e6f7ff;
margin: 5px 1% 5px 1%;
float: left;
-webkit-animation: slide 0.5s forwards;
 -webkit-animation-delay: 2s;
 animation: slide 4.5s forwards;
 animation-delay: 1.5s;
opacity:1.0;
transition:height 1.5s;
-webkit-transition:height 1.5s;
overflow:auto;
}

@-webkit-keyframes slide {
 0% {opacity:0;}
100% { left: 400px; opacity:1;}
}

@keyframes slide {
0% {opacity:1.0;}
 100% { left: 400px; }
}

}

.grow:hover {
    height: 350px; /* This is the height on hover */
}

a:visited, a:link, a:active
{color:#FFF;
 text-decoration: none;
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
}
a:hover{
color:#000;}

b{color:#111;text-shadow: 1px 1px #e6f7ff;}

b:hover{color:#FFF;}



::-webkit-scrollbar {width: 0px;}
::-webkit-scrollbar-thumb:vertical {
height: 0px;background-color:transparent;border: 0px solid #36F6FF; border-radius:20%;}
::-webkit-scrollbar-thumb:horizontal {
height: 0px;background-color: #C5D1BC;border: 0px ;width: 0px;}



</style>
<div id="img"><img src="https://puu.sh/qbrba/5e3b41c288.png" height="100%" width="100%"></div>

<div class="grow" style="background-color:rgba(15,49,169,0.5);">


<br>
<span class="left"><b>Name</b>:</span>
​<span class="right">Filler</span>
<br>
<span class="left"><b>Moniker</b>:</span>
​<span class="right">Filler</span>
<br>
<span class="left"><b>Age</b>:</span>
​<span class="right"><strike>Filler</strike></span>
<br>
<span class="left"><b>Gender</b>:</span>
​<span class="right">Filler</span>
<br>
<span class="left"><b>Height</b>:</span>
​<span class="right">Filler</span>
<br>
<span class="left"><b>Weight</b>:</span>
​<span class="right">Filler</span>
<br>
<span class="left"><b>Hair Color</b>:</span>
​<span class="right">Filler</span>
<br>
<span class="left"><b>Eye Color</b>:</span>
​<span class="right">Filler</span>
<br>
<span class="left"><b>Occupation</b>:</span>
​<span class="right">Filler</span>
<br>
<span class="left"><b>Affiliation</b>:</span>
​<span class="right">Filler</span>
<br>
<span class="left"><b>Ranking</b>:</span>
​<span class="right">Filler</span>
<br>
<span class="left"><b>Birth Place</b>:</span>
​<span class="right">Filler</span>
<br>
<span class="left"><b>Ethnicity</b>:</span>
​<span class="right">Filler</span>
<br>
<span class="left"><b>Orientation</b>:</span>
​<span class="right">Filler</span>
<br>
<span class="left"><b>Status</b>:</span>
​<span class="right">Filler</span>
<br>











</div>

<div id="int">---Hover Here</div>



<div id="name">Felicitee</div>

</div>