Kate

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

@font-face {
   font-family: Black Asylum;
   src: url(http://static.tumblr.com/rka7seb/xOan7p0n9/blackasylumdemo-kcfonts.ttf);}
@font-face {
font-family: 'trap';
src: url('https://dl.dropboxusercontent.com/s/g9t8wegqv5jpfi6/traphouse.ttf');
}
@font-face{  src:url(https://dl.dropboxusercontent.com/u/4556289/magic11.ttf);
  font-family:'header';
}
@font-face {
font-family: "angel";
src: url("https://dl.dropboxusercontent.com/s/hx7466viqv15vwb/LEVIBRUSH.TTF?dl=0");
}
@font-face{
 src:url(https://dl.dropboxusercontent.com/u/4556289/Distillated.ttf);
  font-family:'bodyfont';
}


body{
background-color:#0d0c0c;
background-image:url();
background-position: center;
background-size:40%;
background-repeat:no-repeat;}

#splashart {
   position: fixed;
   left: 0%;
   bottom: 0%;}
#splashart img {
   width: ;
   height:80%;}

#splashart2 {
   position: fixed;
   right: 0%;
   bottom: 0%;}
#splashart2 img {
   width: ;
   height:70%;}

#bigtitle {
   position: fixed;
   z-index: 2;
   right: 46%;
   top: 5%;
   color: #2A3BD9;
   font-family: angel;
   font-size: 50px;}


#navi {
   position: fixed;
   left: 32.20%;
   bottom: 13%;
   text-align: center;
   width: 467px;}
#navi a {
   display: inline-block;
   width: 18%;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 8px;
   padding-bottom: 8px;
   font-family: bodyfont;
   font-size: 25px;
   text-transform: ;
   text-align: center;
   text-decoration: none;
   color: #2A3BD9;
   background-color: #;
   transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;}
#navi a:hover {
   color: #000000;
   background-color: #;
   letter-spacing: 4px;
   text-shadow: 0 0 0.2em #2e95dd;
   transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -webkit-transition: all 0.8s ease-in-out;}
#navi a:active {
   color: #;
   background-color: #;}

#infobox {
   position: fixed;
   left: 32%;
   top: 28%;
   color: #2A3BD9;
   font-family: Segoe Script;
   font-size: 14px;
   text-decoration: none;
   text-align: left;
   background-color: #;
   border-left: 4px solid #232A68;
   border-right: 4px solid #232A68;
   width: 440px;
   height: 350px;
   padding: 10px;}

b {
color: #ccc;
font-family: bodyfont;
font-size: 20px;
font-weight:normal;
letter-spacing: 1px;
}

a {
   color: #ff6000;
   text-decoration: none;
   transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -webkit-transition: all 0.8s ease-in-out;}
a:hover {
   color: #ffffff;
   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;}

::-webkit-scrollbar-thumb {
   width: 0px;
   background-color: transparent;}
::-webkit-scrollbar {
   width: 0px;
   background-color: transparent;}

a.credit {
   z-index: 2;
   position: fixed;
   right: 5;
   top: 5;
   color: #ccc;
   font-family: header;
   font-size: 11px;
   font-weight: 300;
   text-decoration: none;}
</style>
<body oncontextmenu="return false;">
<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/PXc5cHL.png?1"></div>
<div id="splashart2"><img src="http://i.imgur.com/NFklW6F.jpg"></div>

<div id="navi">
<a href="#01">Dossier</a>
<a href="#02">Story</a>
<a href="#03">Peoples</a>
<a href="#04">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">
<br><br>
<b>Name:</b> <font style=float:right>Katerenia</font>
<br><b>Nicknames:</b>
<br><b>Gender:</b> <font style=float:right>Female</font>
<br><b>Race:</b> <font style=float:right>Fallen Angel</font>
<br><b>Height:</b> <font style=float:right>5'7"</font>
<br><b>Weight:</b> <font style=float:right>No</font>
<br><b>Hair:</b> <font style=float:right>White</font>
<br><b>Eyes:</b> <font style=float:right>Gray</font>
<br><b>Age:</b> <font style=float:right>Alive always</font>
<br><b>Orientation:</b> <font style=float:right>Lesbian</font>
<br><b>Marital Status:</b> <font style=float:right>Single</font>
<br><b>Occupation:</b> <font style=float:right>Nothing yet</font>
</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">
<center><b>Lost Souls like herself.</b></center>
<br>
<br>
</div>

<a name="04"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
<b>☣</b>Pictures are not mine.
<br><b>☣</b>I am not my character.
<br><b>☣</b>No drama! Don't want it don't need it.
<br><b>☣</b>IC =/= OOC. Learn the fucking difference.
<br><b>☣</b>No profile, no rp.
<br><b>☣</b>Real life first.
<br><b>☣</b>Try to let me know if you have to leave.
<br><b>☣</b>SMUT is <b>EARNED</b>. Not freely given
<br><b>☣</b>3rd person rper. Post length varies mostly semi to para.
<br><b>☣</b>I have the right to refuse any rp I want. So be nice and say ok, not turn into an asshole.

</div>
</div>
</div>

<div id="bigtitle">Katerenia</div>