Usagi

<style>
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');

body{
background-color:#FFF;
background-image:url("https://sakuradaisuki.files.wordpress.com/2015/01/sailor-moon-crystal-008.jpg");
background-size:100% 100%;
background-position: top right;
background-repeat:no-repeat;
background-attachment:fixed;
}

#quote{
 position: absolute;
 z-index:6;
 left: 33%;
 top: 45%;
 color:  #ffffb3;
 text-shadow: 0.2vw 0.2vw 0.2vw #000;
 font-family:Great Vibes;
 font-size: 1.8vw;
 letter-spacing: 0.1vw;
}

.box {position: absolute;
top: 7%;
left: 7%;
background: #transparent;
width: 85%;
height: 86%;
border: 2px solid #transparent;
background-image: url("");
background-repeat: repeat;
background-size: ;
opacity:1;
}

::-webkit-scrollbar {
width:1.5px;
height:1.5px;
background-color:#transparent;
}
::-webkit-scrollbar-thumb:vertical {
background-color:#888888;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#888888;
}

h1 {
font: normal 12px 'Great Vibes';
border-bottom: 1px solid #12080E;}

b {
color:  #ffffff;
font-weight:bold;
letter-spacing: 1px;
}

i{
color: #ffffff;
font-family:Great Vibes;
font-weight:light;
letter-spacing: 1px;
font-style:cursive;
}

u{
text-decoration:none;
text-shadow:0px 0px 2px #823571;
}

a:active, a:link, a:visited{
color: #ffffff;
text-decoration:none;
}
#navigation{

position: fixed;
left: 900px;
bottom: 70px;
opacity: 0.7;
border:#ffffff ;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation:hover { opacity:1; }

#navigation2{

position: fixed;
left: 870px;
top: 100px;
opacity: 0.;
border: ;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation2:hover { opacity:1; }

#navigation3{

position: fixed;
left: 940px;
top:120px;
opacity: 0.;
border: ;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation3:hover { opacity:1; }

#navigation4{

position: fixed;
left: 610px;
top: 240px;
opacity: 0.;
border: ;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation4:hover { opacity:1; }

#navigation5{

position: fixed;
left: 780px;
top: 240px;
opacity: 0.;
border: ;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation5:hover { opacity:1; }





 #main{
right:900px;
bottom:00px;
width: 400px;
height 175px;
position: fixed;
color: #000000;
font-family: Alegreya;
font-variant: small-caps;
text-align: justify;
font-size: 18px;
border-bottom: ;
border-right: ;
border-left: ;
border-top: ;
b, strong {font-family:'Alegreya'; font-Alegreya: small-caps; font-size:10px; color:  #ffff00; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
i {color: #ffff00; font-family: 'Alegreya'; font-variant: small-caps; font-size:10pt; letter-spacing:0px}
u {color: #990F0F; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Alegreya; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #990F0F;}
s {color:  #ffff00; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Alegreya; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
big {color:  #ffff00; font-size: 20px; font-weight: light; letter-spacing: 0px; font-family:Alegreya; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #533034 0px 0px 1px;}
small {font-size: 25px; font-variant: small-caps; color:  #ffff00; text-transform: normal; letter-spacing: -1px; text-align: right; background-color: none; font-family:Alegreya; text-shadow: #533034 2px 3px 4px; margin-top: 5px; margin-bottom: 8px; display: block; padding: 0px; font-weight: normal; line-height: 15px;}
::-webkit-scrollbar-thumb { background-color: transparent; }

</style>


</style>
<div id="navigation" class="box">

<a href="#01" title="Stats"><img src="http://www.clipartsuggest.com/images/39/moon-pink-png-clipart-by-clipartcotttage-on-deviantart-IiW0QJ-clipart.png" width="auto" height="55"></a>
</div>

<div id="navigation2" class="box">

<a href="#02" title="Friends"><img src="http://www.clipartsuggest.com/images/39/moon-pink-png-clipart-by-clipartcotttage-on-deviantart-IiW0QJ-clipart.png" width="auto" height="55"></a>
</div>


<div id="navigation3" class="box">


<a href="#03" title="Bio"><img src="http://www.clipartsuggest.com/images/39/moon-pink-png-clipart-by-clipartcotttage-on-deviantart-IiW0QJ-clipart.png" width="auto" height="55"></a>

</div>

<div id="navigation4" class="box">
<a href="#04" title="Pics~"><img src="http://www.clipartsuggest.com/images/39/moon-pink-png-clipart-by-clipartcotttage-on-deviantart-IiW0QJ-clipart.png" width="auto" height="55"></a>
 </div>

<div id="navigation5" class="box">
<a href="#05" title="O.O.C"><img src="http://www.clipartsuggest.com/images/39/moon-pink-png-clipart-by-clipartcotttage-on-deviantart-IiW0QJ-clipart.png" width="auto" height="55"></a>
</div>

<div id="main">

<div style="height: 175px; width: 400px; overflow-y: hidden;">
<a name="01"></a>
<div style="height: 172px; width: 390px; overflow: auto;" align="center">

<p>Name~ Usagi, Princess Serenity, bun head.</p>

<p>Age~ Lost to time.</p>

<p>Home~ Crystal Tokyo</p>
<p>Posistion~ Moon Princess</p>
<p>Status~ Single</p>
<p>Orientation~ But why?</p>
</div>

<div style="height: 175px; width: 400px; overflow-y: hidden;">
<a name="02"></a>
<div style="height: 172px; width: 390px; overflow: auto;" align="center">
 <a href="profile link here"><img style="border-radius: 50%" src="image link" align="left" height="60" width="60"></a> lol links and I scroll

</div>

<div style="height: 175px; width: 400px; overflow-y: hidden;">
<a name="03"></a>
<div style="height: 172px; width: 390px; overflow: auto;" align="center">

Bio/combat

</div>

<div style="height: 175px; width: 400px; overflow-y: hidden;">
<a name="04"></a>
<div style="height: 172px; width: 390px; overflow: auto;" align="center">



 <a href="https://i.pinimg.com/564x/e6/a8/c0/e6a8c00a13f3987ebb2a640d5929778d.jpg"><img style="border-radius: 50%" src="https://i.pinimg.com/564x/e6/a8/c0/e6a8c00a13f3987ebb2a640d5929778d.jpg" align="left" height="60" width="60"></a>
<a href="https://img00.deviantart.net/66b4/i/2016/185/c/4/princess_serenity_by_dlie-da8om38.png"><img style="border-radius: 50%" src="https://img00.deviantart.net/66b4/i/2016/185/c/4/princess_serenity_by_dlie-da8om38.png" align="left" height="60" width="60"></a>
<a href="https://i.pinimg.com/564x/59/d9/8e/59d98e0fb8a5315bb6f6316b55887536.jpg"><img style="border-radius: 50%" src="https://i.pinimg.com/564x/59/d9/8e/59d98e0fb8a5315bb6f6316b55887536.jpg" align="left" height="60" width="60"></a>
<br>
<a href="https://i.pinimg.com/564x/8e/88/b4/8e88b4c740fab304070ab04db32968cd.jpg"><img style="border-radius: 50%" src="https://i.pinimg.com/564x/8e/88/b4/8e88b4c740fab304070ab04db32968cd.jpg" align="left" height="60" width="60"></a>

<a href="https://i.pinimg.com/564x/8e/88/b4/8e88b4c740fab304070ab04db32968cd.jpg"><img style="border-radius: 50%" src="https://i.pinimg.com/564x/8e/88/b4/8e88b4c740fab304070ab04db32968cd.jpg" align="left" height="60" width="60"></a>
</div>


<div style="height: 175px; width: 400px; overflow-y: hidden;">
<a name="05"></a>
<div style="height: 172px; width: 390px; overflow: auto;" align="center">

OOC
<br><br>
<p><img src="http://orig11.deviantart.net/5f6f/f/2011/339/8/e/8e96ebfbc3c84dc2dc0b79d21efa345f-d4iathq.png" height="22%" width="22%"> Pm/Rp friendly. Crossovers welcome.</p>
<p><img src="http://orig11.deviantart.net/5f6f/f/2011/339/8/e/8e96ebfbc3c84dc2dc0b79d21efa345f-d4iathq.png" height="22%" width="22%"> Owner of the Starlight Story room. Info on the room is in the room topic, please read over. If you have any questions do not be afraid to ask.</p>
<p><img src="http://orig11.deviantart.net/5f6f/f/2011/339/8/e/8e96ebfbc3c84dc2dc0b79d21efa345f-d4iathq.png" height="22%" width="22%"> IRL will always come before rp.</p>
<p><img src="http://orig11.deviantart.net/5f6f/f/2011/339/8/e/8e96ebfbc3c84dc2dc0b79d21efa345f-d4iathq.png" height="22%" width="22%"> Smut? How about not without story and the characters must be in a relationship.</p>
<p><img src="http://orig11.deviantart.net/5f6f/f/2011/339/8/e/8e96ebfbc3c84dc2dc0b79d21efa345f-d4iathq.png" height="22%" width="22%"> Don't like the way I rp Usagi? Not my problem.</p>
<p><img src="http://orig11.deviantart.net/5f6f/f/2011/339/8/e/8e96ebfbc3c84dc2dc0b79d21efa345f-d4iathq.png" height="22%" width="22%"> Combat? Story first.</p>
<p><img src="http://orig11.deviantart.net/5f6f/f/2011/339/8/e/8e96ebfbc3c84dc2dc0b79d21efa345f-d4iathq.png" height="22%" width="22%"> Muse is a bit fickle? I know how that is,no rush.</p>
<p><img src="http://orig11.deviantart.net/5f6f/f/2011/339/8/e/8e96ebfbc3c84dc2dc0b79d21efa345f-d4iathq.png" height="22%" width="22%"> Here to chill and write out some story.</p>
</div>


</div>
</div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div id="quote">It is possible to achieve peace, if we just belive.