<style>
 .cornerimage {position: fixed; right: 110px; bottom: 10px; height: 100%;}

@import url(https://fonts.googleapis.com/css?family=Fredoka+One);
@import url(https://fonts.googleapis.com/css?family=Share);
 body {background-color: 4B1675;}

#box{
position: fixed;
top: 100px;
left: 100px;
width: 600px;
height: 350px;
}

#pic{
position: absolute;
top: 40px;
border: 5px groove #333333;
border-left: 10px double #C438FF;
overflow: hidden;
width: 240px;
height: 300px;
}

#top {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
background-color: #595959;
border: 3px groove #222222;
height: 27px;
padding: 4px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
text-shadow:
-1px -1px midnightblue;
color: white;
text-align: center;
font-family: 'Fredoka One', cursive;
overflow: hidden;
}

#text {
position: absolute;
top: 40px;
left: 286px;
right: 0px;
background-color: #42424A;
border: 3px groove #222222;
bottom: 0px;
padding: 10px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
text-shadow:
-1px -1px midnightblue;
color: white;
}

#textinside {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 3px double darkblue;
border-radius: 10px;
padding: 10px;
font-size: 15px;
font-family: tahoma;
text-shadow:
-1px 0px black,
1px 0px black,
0px -1px black,
0px 1px black;
color: white;
background-image:url("http://i.picpar.com/BoSb.jpg");
background-size: 100% 100%;
overflow: hidden;
line-height: 15px;
letter-spacing: 1px;
}

#textinside2 {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 3px double darkblue;
border-radius: 10px;
padding: 10px;
font-size: 15px;
font-family: tahoma;
color: #42424A;
background-image:url("http://i.picpar.com/BoSb.jpg");
background-size: 100% 100%;
overflow: auto;
line-height: 15px;
letter-spacing: 1px;
z-index: 1;
}

.Mainbox {
position: absolute;
right: 0px;
top: 42px;
height: 283px;
left: 286px;
padding: 10px;
border: 3px groove #222222;
background-color: #42424A;
font-family: Ariel;
font-size: 12px;
text-align: center;
overflow: auto;
opacity: 0;
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;}


.MainBox:target {
top: 40px;
right: 0px;
opacity: 1;
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}


#buttons{
position: absolute;
}

#buttons a {display: block;
margin-bottom: 5px;
float: left;
width: 26px;
height: 52px;
margin-left: -13px;
background-color: white;
border: 3px groove #333333;
border-radius: 0px 0px 0px 0px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#buttons a:hover {
background-color: black;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

}


#NavigationBar {
position: absolute;
left: 267px;
top:41px;
border-radius: 10px;
}

.friendies {
height: 65;
width: 65;
border: 5px groove #222222;
margin-left: 0px;
margin-top: 0px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#header {
font-family: 'Share', cursive;
color: green;
}

</style>
 <img src="http://i.imgur.com/67Wl9tw.gif" class=cornerimage>

<div id=box>

<div id="navigationbar">
<div id="buttons">
<a href="#One"></a>
<a href="#Two"></a>
<a href="#Three"></a>
<a href="#Four"></a>
<a href="#Close"></a>
</div>
</div>


<div id=top>
<font color="#fff11f"><Center>

Shush, no talking, just take off your pants</div>


<div id=pic>
<img src=http://vignette4.wikia.nocookie.net/monstergirlencyclopedia/images/0/07/Hellhound_8cost.jpg/revision/latest?cb=20141203144505" height=300px width=240px>
</div>

<div id=text>

<div id=textinside>
<font color="#0D0A0A"><Center>
<font size=3> <u>OOC</u> </font>
<font size=1> </font>
<br>
<br>
 Hey loves, rather than listing a bunch of rules and whatnot, just like... No, that's dumb, try to have some sort of a profile and don't be an idiot, other than that I'm very PM friendly, basically I'm just here to have fun.

</div>

</div>
<div id="One" class="MainBox">

<div id=textinside2>
<div id=header>Info and Pictures</div>
<hr>
<br>
<u>NAME</u>
<br>
Yakuro
<br><br>
<u>AGE</u>
<br>
How dare you!
<br><br>
<u>F-List</u>
<br>
<a href="https://www.f-list.net/c/hellhound%20yakuro/">You Lewd <b>ANIMAL</b></a>
<br><br>
<u>GENDER</u>
<br>
Female
<br><br>
<u>ORIENTATION</u>
<br>
Bisexual, Futa lean<br><br>
<u>RESIDENCE</u>
<br>
A Tree, a cave, your bed, wherever works.<br> <br>
<u>DOM/SUB</u>
<br>
70/30, either is honestly fine, I just default to dom.
<br><br>
<u>LIKES</u>
<br>
A nice juicy steak, bones, cuties<br><br>
<u>DISLIKES</u>
<br>
Overconfident losers, being punished<br><br>
<u>Status</u>
<br>
Single
<br>
<br>
<br>
<br>

<b><u> PICTURES </b></u>
<br>
<br>

<br><img src="http://danbooru.donmai.us/data/__hellhound_monster_girl_encyclopedia_drawn_by_osiimi_artist__4b5c32711ee4cada2864240a11c5f9fb.png" width="250"> <br>
<br><img src="http://67.media.tumblr.com/573973782b9f71df5c05daae47288cdf/tumblr_nhjzchxG5L1ryzyv0o4_1280.jpg" width="250"> <br>
<br><img src="http://vignette3.wikia.nocookie.net/monstergirlencyclopedia/images/d/df/1449054754974.png/revision/latest?cb=20151202161835" width="250"> <br>
<br><img src="http://img08.deviantart.net/abb5/i/2014/343/7/1/___commission_ultidrgn____by_re_sublimity_kun-d895ldb.png" width="250"> <br>
<br><img src="https://s-media-cache-ak0.pinimg.com/736x/92/87/9d/92879de37a313a8a333dbdb28efb562e.jpg" width="250"> <br>
<br><img src="https://66.media.tumblr.com/f6d894bbfca4d892f6b7c4dedce2f1f8/tumblr_o1ae58yjQG1usvftyo1_1280.jpg" width="250"> <br>



</div>

</div>

<div id="Two" class="MainBox">

<div id=textinside2>
<div id=header>FRIENDS</div>
<hr>



<a href="http://roleplay.chat/profile.php?user=" target="_blank" ><img src="" class="friendies"></a>
 <br>
Want to be added? Just ask! =D
<br>

<br>
</div>

</div>

<div id="Three" class="MainBox">

<div id=textinside2>
<div id=header>Abilities</div>
<hr>
When in combat, Yakuro is a very fast and vicious attacker, relying on instinct over any actual trainer, thankfully she has razor sharp claws and fangs to help assist her, while she isn't much of a thinker she rarely only needs one or two good hits to immobilize her target, that said she is very straightforward so she can be taken advantage of easily.

</div>

</div>

<div id="Four" class="MainBox">

<div id=textinside2>
<div id=header>Bio</div>
<hr>



</div>

</div>


</div>