Luciferia

<style>
/*
INVISIBLE CREDIT; PLEASE DON'T REMOVE

Author: Elle
Text type: CSS/HTML
*/
 @import url('https://fonts.googleapis.com/css?family=Amatic+SC|Great+Vibes|Pacifico|Satisfy|Dancing+Script');

 ::-webkit-scrollbar{width:0.3vh;height:0.3vh;}
 ::-webkit-scrollbar-thumb{border-radius:0;background:#FFFFFF;}
 ::-webkit-scrollbar-track{border-radius:0;background:transparent;}

 body {
 background-image: url('http://orig14.deviantart.net/0e9d/f/2010/063/9/4/vintage_memories_by_ashen_fox.png');
 }

 #sheet {
 position: fixed;
 height: 100%;
 width: 100%;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
 background: rgba(0,0,0,0.15);
 }

/* Amatic SC = information ; Great Vibes = quotes ; Pacifico = h1? ; Satisy = links probs */

 #center {
 position: fixed;
 height: 90%;
 width: 100%;
 left: 0%;
 top: 5%;
 background: transparent;
 }

 #quote1 {
 position: absolute;
 height: 70%;
 width: 30%;
 left: 1%;
 text-align: center;
 font-family: 'Great Vibes';
 font-size: 7vh;
 transition-duration: 1s;
 }

 #quote2 {
 position: absolute;
 height: 70%;
 width: 30%;
 right: 5%;
 text-align: center;
 font-family: 'Great Vibes';
 font-size: 7vh;
 transition-duration: 1s;
 }

 #center:hover #quote1, #center:hover #quote2 {
 opacity: 0;
 transition-duration: 1s;
 }

 #box1 {
 position: absolute;
 background: rgba(0,0,0,0.6);
 height: 70%;
 width: 20%;
 border-radius: 5%;
 border: 2px solid;
 border-color:#174E00;
 top: 15%;
 right: 40%;
 transition-duration: 1.5s;
 opacity: 0;
 font-family: 'Amatic SC';
 color:#ffffff;
 padding: 5px;
 font-size: 3.5vh;
 overflow: auto;
 }

 #center:hover #box1 {
 opacity: 1;
 right: 1%;
 transition-duration: 1.5s;
 }

 #box2 {
 position: absolute;
 background: rgba(0,0,0,0.6);
 height: 70%;
 width: 50%;
 border-radius: 5%;
 border: 2px solid;
 border-color:#174E00;
 top: 15%;
 right: 25%;
 transition-duration: 1.5s;
 font-family: 'Amatic SC';
 opacity: 0;
 font-size: 4.7vh;
 padding: 5px;
 }

 #center:hover #box2 {
 opacity: 1;
 transition-duration: 1.5s;
 }

 #img {
 position: absolute;
 height: 120%;
 width: 10%;
 top: -6%;
 right: 60%;
 transition-duration: 1.5s;
 background: transparent;
 }

 #center:hover #img {
 right: 90%;
 transition-duration: 1.5s;
 }

 #host{height:100%;width:100%;overflow:hidden;}

 #stats, #bio, #ooc {height:100%;width:100%;overflow:auto;color:#fff;}

 h1{font-family:'Dancing Script';font-size:4vh;text-decoration:underline;}

 a{font-family:'Satisfy';text-decoration:none;color:#06FF19;transition-duration:1s;}

 a:hover{font-size:110%;transition-duration:1s;}

 .r{float:right;}

 b{color:#ffffff;}

 #navigation {
 position: absolute;
 height: 40%;
 width: 2.5%;
 background: transparent;
 right: 22%;
 top: 30%;
 }

 #nav1 {
 position: absolute;
 height: 10%;
 width: 80%;
 top: 20%;
 background:#000000;
 border: 2px solid;
 border-color:#174E00;
 opacity: 0;
 transition-duration: 1s;
 }

 #nav2 {
 position: absolute;
 height: 10%;
 width: 80%;
 top: 50%;
 background:#000000;
 border: 2px solid;
 border-color:#174E00;
 opacity: 0;
 transition-duration: 1s;
 }

 #nav3 {
 position: absolute;
 height: 10%;
 width: 80%;
 top: 80%;
 background:#000000;
 border: 2px solid;
 border-color:#174E00;
 opacity: 0;
 transition-duration: 1s;
 }

 #center:hover #nav1, #center:hover #nav2, #center:hover #nav3{opacity:1;transition-duration: 0.5s;}

 #nav1:hover, #nav2:hover, #nav3:hover{
 border-radius: 100%;
 transition-duration: 0.5s;
 transform: rotate(360deg);
 border-color:#174E00;
 background:#000000;
 }

 /* Credit. please don't remove! */

 #credit {
 position: absolute;
 background: rgba(0,0,0,0.4);
 border-left: rgBAD255,255,255);
 font-family: 'Amatic SC';
 font-size: 2.3vh;
 padding: 3px;
 bottom: 5%;
 left: 3%;
 }

</style>
<div id="sheet"></div>
<div id="center">
 <div id="quote1"><center><br><br><br><br><font color=White>That of the Demons, Those who walk in the dark</font><br></center></div>
 <div id="quote2"><center><br><br><br><br><font color=White>Daughter of the Demon Angel</font><br></center></div>
 <div id="img"><img src="http://vignette2.wikia.nocookie.net/fantendo/images/7/74/Dead_master_render_by_xavierfrost24-d5jqpot.png/revision/latest?cb=20140524235731" style="height: 100%;"></div>
 <div id="box1">
 <center><h1>Family</h1></center>
 <a href="http://i.imgur.com/r1HV3WE.jpg">My Mother: AriaRose </a><br>
 <a href="URL HERE">.name</a>.info.quote<br>
 <a href="URL HERE">.name</a>.info.quote<br>
 <center><h1>Friends</h1></center>
 <a href="URL HERE">.name</a>.info.quote<br>
 <a href="URL HERE">.name</a>.info.quote<br>
 <a href="URL HERE">.name</a>.info.quote<br>
 <a href="URL HERE">.name</a>.info.quote<br>
 <a href="URL HERE">.name</a>.info.quote<br>
 <a href="URL HERE">.name</a>.info.quote<br>
 <a href="URL HERE">.name</a>.info.quote<br>
 <a href="URL HERE">.name</a>.info.quote<br>
 <a href="URL HERE">.name</a>.info.quote<br>
 </div>
 <div id="box2">
 <div id="host">
 <div id="stats">
 <center><h1>Stats</h1></center>
 <font style="font-size:3vh;">
 <b>Name</b><div class="r">Luciferia</div><br>
 <b>Moniker</b><div class="r">Luci or LuLu </div><br>
 <b>Gender</b><div class="r">Female</div><br>
 <b>Age</b><div class="r">18 y.o.</div><br>
 <b>Species</b><div class="r">Demon</div><br>
 <b>Height</b><div class="r">5'5</div><br>
 <b>Weight</b><div class="r">140 lbs</div><br>
 <b>Marital Status</b><div class="r">Single</div><br>
 <b>Orientation</b><div class="r">Straight</div><br>






 </font>
 </div>
 <div id="bio">
 <center><h1>Biography</h1></center>
 Work.In.Progress<br>
<center> <h1><u> Gallery</u></h1> </center>
<center><h1><u><b><Font color= Green>SMUT IS EARNED NOT GIVEN</font></b></u></center>
<center></a><img src="https://68.media.tumblr.com/977c9b7e8353ed371bd14c4542ab7bfa/tumblr_na5otxk3Wj1tjrh45o1_1280.jpg" title="..." style="width:100px;height:140px;border:1px solid #00E4FF;border-radius:10px;float: center;"></a>
 <img src="https://cdnio.luscious.net/ansatsuken97/973/lusciousnet_lusciousnet_tumblr_njik4xbeft1sm2fjbo1_1280_1668973722.640x0.png" title="...." style="width:100px;height:140px;border:1px solid #00E4FF;border-radius:10px;float: center;"></a>
<img src="http://hentai-wallpapers.com/albums/2010-10-29/albums-1/Black-Rock-Shooter/495918-Black-Rock-Shooter-Dead-Master.jpg" title="..." style="width:100px;height:140px;border:1px solid #00E4FF;border-radius:10px;float: center;"></a>
<img src="http://hentai-wallpapers.com/albums/2010-10-29/albums-1/Black-Rock-Shooter/428535-Black-Rock-Shooter-Dead-Master.jpg" title="..." style="width:100px;height:140px;border:1px solid #00E4FF;border-radius:10px;float: center;"></a>
<br>
 <img src="https://s-media-cache-ak0.pinimg.com/236x/5a/df/c0/5adfc06c879fa5e0b9cd34a04a1a1e1b.jpg" title="" style="width:100px;height:140px;border:1px solid #00E4FF;border-radius:10px;float: center;"></a>
 <img src="http://www.xfancy.com/images/xfancy_pillow/products/hentai-anime-pillow-case-black-rock-shooter5-b.jpg" title="..." style="width:100px;height:140px;border:1px solid #00E4FF;border-radius:10px;float: center;"></a>
 <img src="http://ddn.i.ntere.st/p/7851759/image" title="...." style="width:100px;height:140px;border:1px solid #00E4FF;border-radius:10px;float: center;"></a>
<br>
</a><img src="http://hentai-wallpapers.com/albums/2010-10-29/albums-1/Black-Rock-Shooter/492802-Black-Rock-Shooter-Dead-Master.jpg" title="..." style="width:100px;height:140px;border:1px solid #00E4FF;border-radius:10px;float: center;"></a>
 <img src="http://livedoor.blogimg.jp/tenvow/imgs/e/d/ed97f07b.jpg" title="..." style="width:100px;height:140px;border:1px solid #00E4FF;border-radius:10px;float: center;"></a>
<img src="https://s-media-cache-ak0.pinimg.com/originals/17/49/e5/1749e55d5e47808c2dd83153c5606946.png" title="..." style="width:100px;height:140px;border:1px solid #00E4FF;border-radius:10px;float: center;"></a>
<img src="http://hentaipussypics.com/blog/wp-content/uploads/2016/11/black-rock-shooter-11222016-17.jpg" title="..." style="width:100px;height:140px;border:1px solid #00E4FF;border-radius:10px;float: center;"></a>
<br>
</center>
 </div>
 <div id="ooc">
 <font style="font-size:3vh;">
 <center><h1>Out Of Character</h1></center>
 <b>☣</b> No profile = NO Rp<br>
 <b>☣</b> No drama<br>
 <b>☣</b>Smut is Earned Not Given<br>
 <b>☣</b> No assholes<br>
 <b>☣</b> No IRL pictures..<br>



 </div>
 </div>
 </div>
 <div id="navigation">
 <a href="#stats"><div id="nav1"></div></a>
 <a href="#bio"><div id="nav2"></div></a>
 <a href="#ooc"><div id="nav3"></div></a>

 </div>
</div>