<style>
/* Umbral Oracle was last updated on October 10, 2015*/
.pfor {
   display: none;}
#profile {
   background-color: transparent;
   border: transparent;}

@font-face {
   font-family: Punk Event;
   src: url(http://static.tumblr.com/rka7seb/s7Nnayaru/punkevent.ttf);}

body {
   background-color: #Pink;}

#splashart {
   z-index: -1;
   position: fixed;
   left: 70;
   bottom: 0;}
#splashart img {
   height: 100%}

#bigtitle {
   position: fixed;
   left: 600;
   top: 10;
   color:#339999;
   font-family: Punk Event;
   font-size: 80px;}

#liltitle {
   position: fixed;
   left: 700;
   top: 100;
   color:#ffffff;
   font-family: Times New Roman;
   font-size: 16px;
   text-transform: uppercase;}

#navi {
   position: fixed;
   left: 591;
   top: 183;
   text-align: center;
   width: 380px;}
#navi a {
   display: inline-block;
   width: 14.86%;
   padding: 5px;
   font-family: Times New Roman;
   font-size: 10px;
   text-transform: uppercase;
   text-align: center;
   text-decoration: none;
   color: #339999;
   border: 1px solid #555555;
   background-color: #333333;
   transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -webkit-transition: all 0.4s ease-in-out;}
#navi a:hover {
   color: #000000;
   border: 1px solid #339999;
   background-color: #ffffff;
   transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -webkit-transition: all 0.8s ease-in-out;}

#infobox {
   position: fixed;
   left: 600;
   top: 210;
   color: #ffffff;
   font-family: Times New Roman;
   font-size: 13px;
   text-decoration: none;
   background-color: #333333;
   border: 1px solid #555555;
   width: 340px;
   height: 250px;
   padding: 10px;}

#statbox {
   position: fixed;
   left: 600;
   top: 487;
   color: #ffffff;
   font-family: Times New Roman;
   font-size: 13px;
   text-decoration: none;
   background-color: #333333;
   border: 1px solid #555555;
   width: 356px;
   height: 50px;
   padding: 2px;}

marquee img {
   width: 50px;
   height: 50px;
   margin-left: 5px;
   border-radius: 100px 100px 100px 100px;
   -moz-border-radius: 100px 100px 100px 100px;
   -webkit-border-radius: 100px 100px 100px 100px;}

a {
   color: #339999;
   text-decoration: none;
   transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -webkit-transition: all 0.4s ease-in-out;}
a:hover {
   color: #770000;
   transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -webkit-transition: all 0.4s ease-in-out;}

::-webkit-scrollbar-thumb {
   width: 1px;
   background-color: #777777;}
::-webkit-scrollbar {
   width: 1px;
   background-color: #555555;}

a.credit {
   z-index: 2;
   position: fixed;
   right: 5;
   top: 5;
   color: #00ff33;
   font-family: monospace;
   font-size: 11px;
   font-weight: 300;
   text-decoration: none;}
</style>

<a href="http://adokenrazahl.deviantart.com/gallery/45571364" class="credit" target="_blank" title="@ Adoken Razahl">credit</a>

<div id="splashart">
<img src="http://i.imgur.com/eUkFfHl.jpg">
</div>

<div id="bigtitle">NAME</div>
<div id="liltitle">Smexy Bitch~~</div>

<div id="navi">
<a href="#01">About</a>
<a href="#02">Story</a>
<a href="#03">Raltionship</a>
<a href="#04">Friends</a>
<a href="#05">OOC</a>
</div>

<div id="infobox">
<div style="height: 100%; overflow-y: hidden;">
<a name="01"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
Tab One Information
</div>

<a name="02"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
Tab Two Information
</div>

<a name="03"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
Tab Three Information
</div>

<a name="04"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
Tab Four Information
</div>

<a name="05"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
Tab Five Information
</div>
</div>
</div>

<div id="statbox">
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
<a href="http://i.imgur.com/2wrQrud.jpg"><img src="http://i.imgur.com/2wrQrud.jpg" target"_blank"></a>

<a href="http://i.imgur.com/cyA3afk.jpg"><img src="http://i.imgur.com/cyA3afk.jpg" target"_blank"></a>

<a href="http://i.imgur.com/cjqsJai.jpg"><img src="http://i.imgur.com/cjqsJai.jpg" target"_blank"></a>
</marquee>
</div>