<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Yellowtail');


.pfor {display: none;}
::-webkit-scrollbar {progress; width: 2px;}
::-webkit-scrollbar-thumb:vertical {
 background-color: transparent;
 border: 1px solid transparent;
 -webkit-border-radius: 0px;
 box-shadow: 0 0 3px transparent, inset 0 0 6px transparent;
 -moz-transition:all 0.3s ease-in-out;
 -webkit-transition:all 0.3s ease-in-out;}

::-webkit-scrollbar-thumb:vertical:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover {border-color:transparent;box-shadow: 0 0 2px transparent, inset 0 0 2px transparent;}

body {background-repeat: repeat; background-color: #415778; background-image: url("https://i.imgur.com/KV7yTpj.jpg");}
#profile {background-color: transparent; width: 1000px; border: 0px;
font-family: 'Yellowtail', cursive;
font-size: 14px;}

table { border: 0px double #000; width: 600px; text-align: left; font-size:18px; font-family: 'Yellowtail'; font-variant: small-caps; color: #000000; }

p {background: none;
 font-size:14px;
 font-family: 'Yellowtail';
 color:#000000;
 padding:1px 5px 5px 5px;
 margin: 0;
 text-align: justify;}

b{background: none;
 font-size:18px;
 font-family: 'Yellowtail';
 color:#000000;
 padding:1px 5px 5px 5px;
 margin: 0;
 text-align: justify;}

 .cryo { background:url('https://i.imgur.com/PPHbWce.png') center center no-repeat;
 background-size: 462px 72px;
 position: absolute;
 top: 307px;
 left: 569px;
 width: 462px;
 height: 72px;
 z-index: 1}

 .corrupt { background:url('https://i.imgur.com/YKcTBXQ.png') center center no-repeat;
 background-size: auto 100%;
 position: fixed;
 top: -70px;
 left: 1020px;
 width: 602px;
 height: 100%;
 z-index: 1}

#box1 {background: #ffffff;
 position: absolute;
 width: 600px;
 height: 310px;
 top: 355px;
 left: 600px;
 font-family: 'Yellowtail';
 color: #000000;
 border: 1px solid #000000;
 overflow-y: hidden;
 overflow-x: hidden;}

#box2 {background: #ffffff;
 position: absolute;
 width: 600px;
 height: 310px;
 top: 0px;
 left: 0px;
 font-family: 'Yellowtail';
 color: #000000;
 overflow-y: hidden;
 overflow-x: hidden;}

.img {background: none;
 background:url('https://i.imgur.com/6tMQKV9.png') center center no-repeat;
 position: absolute;
 width: 600px;
 height: 808px;
 top: 100px;
 left: 70px;}

#navi1 { position: absolute; top: 385px; left: 570px; background: url(''); text-align: center;}

a.navi, a.navi:visited, a.navi:hover { text-decoration: none;
 font-family: 'Yellowtail';
 font-size: 10px;
 letter-spacing: 1px;
 display: inline-block;
 width: 28px; height: 28px;
 color: #000;
 background-color: #CA54A3; text-align: center; line-height: 19px; border: 1px solid #45214f;}

</style>
<div class="cryo"></div><div class="corrupt"></div>
<div class="img"></div>

<div id="navi1">
<a href="#one"class="navi"> </a><br><br>
<a href="#two"class="navi"> </a><br><br>
<a href="#three"class="navi"> </a><br><br>
<a href="#four"class="navi"> </a><br><br>
<a href="#five"class="navi"> </a>
</div>

<div id="box1">
<div id="box2"><div style="background: none; position: absolute; font-family: 'Yellowtail'; font-size: 16px; text-align: center; width: 600px; height: 310px; left: 0px; top: 0px; border: 0px solid #000; overflow-y: hidden;">
<a name="one"></a><div style="background: #ffffff; width: 600px; height: 310px; font-family: 'Yellowtail'; overflow: auto;">
<center>
<br>
<table>
<tr><td><b>Name:</b></td> <td><font style="float:right">
Boo</font></td></tr>
<tr><td><b>Age:</b></td> <td><font style="float:right">
21</font></td></tr>
<tr><td><b>Nickname:</b></td> <td><font style="float:right">
BoPeep, Sheepy</font></td></tr>
<tr><td><b>Gender:</b></td> <td><font style="float:right">
Female</font></td></tr>
<tr><td><b>Species:</b></td> <td><font style="float:right">
Sheep</font></td></tr>
<tr><td><b>Oreientation:</b></td> <td><font style="float:right">
Straight</font></td></tr>
<tr><td><b>Relationship:</b></td> <td><font style="float:right">
Single</font></td></tr>
<tr><td><b>Bust:</b></td> <td><font style="float:right">
B-Cup</font></td></tr>
<tr><td><b>Personality:</b></td> <td><font style="float:right">
Confident, Outgoing, Playful</font></td></tr>
<tr><td><b>Dom/Sub?:</b></td> <td><font style="float:right">
Sub</font></td></tr>
</table></center>

</div><a name="two"></a><div style="background: #ffffff; width: 600px; height: 310px; font-family: 'Yellowtail'; overflow: auto;"><br>

History



</div>
<a name="three"></a><div style="background: #ffffff; width: 600px; height: 310px; font-family: 'Yellowtail'; overflow: auto;"><br><p>

Skills

</p>
</div><a name="four"></a><div style="background: #ffffff; width: 600px; height: 310px; font-family: 'Yellowtail'; overflow: auto;"><br><p>

Friends

</p>
</div><a name="five"></a><div style="background: #ffffff; width: 600px; height: 310px; font-family: 'Yellowtail'; overflow: auto;"><br><p>

OOC

</p></div>