Endarius

<style>
 @import url('https://fonts.googleapis.com/css?family=Amatic+SC|Cedarville+Cursive|Cookie|Great+Vibes|Rochester|Sacramento');
 ::-webkit-scrollbar {width: 0.3vw; height: 0.3vw;}
 ::-webkit-scrollbar-track { border-radius: 0px; background-color: transparent;}
 ::-webkit-scrollbar-thumb { border-radius: 0px; background-color: transparent;}



 body {
 overflow: hidden;
 background-color: #000000;
 background-image: url('http://4.bp.blogspot.com/-L25e6lHgwQE/TvPZKNy3pdI/AAAAAAAABbQ/3v4A-YvUAGM/s1600/2.png');
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: cover;
 }

 img {
 user-drag: none;
 user-select: none;
 -moz-user-select: none;
 -webkit-user-select: none;
 -webkit-user-drag: none;
 -ms-user-select: none;
 }

 a {
 text-decoration: none;
 color: #000;
 }

 h1 {
font-family: Papyrus, fantasy;
font-size: 5vh;
 }

 .s {
 float: right;
 }

 #elle {
 position: fixed;
 background: transparent;
 height: 100%;
 width: 35%;
 top: 0;
 right: 0;
 }

 .belle {
 position: absolute;
 right: 0%;
 bottom: -10%;
 height: 110%;
 }

 #name {
 position: fixed;
 background: transparent;
 height: 15%;
 width: 100%;
 bottom: 0%;
 left: -2%;
 z-index: 1;
 }

 .lilith {
 position: absolute;
 font-family: Papyrus, fantasy;
 text-shadow: -1px 0 black, 0 2px green, 2px 0 green, 0 2px black;
 color: #25BE01;
 font-size: 10vh;
 left: 3%;
 bottom: 0%;
 }

 #name:hover .navi{
 opacity: 1;
 transition-duration: 1s;
 z-index: 1;
 }

 .navi {
 position: absolute;
 background: transparent;
 border: 5px dotted;
 border-radius: 10px;
 border-color: #000;
 color: #000000;
 height: 30%;
 width: 28%;
 font-size: 3vh;
 font-family: UnifrakturMaguntia;
 right: 3%;
 bottom: 40%;
 opacity: 0;
 transition-duration: 1s;
 z-index: 1;
 }

#quote {
 z-index: -2;
 position: fixed;
 height: 60%;
 width: 60%;
 font-family: Papyrus, fantasy;
 font-size: 6.5vh;
 color: #000;
 text-shadow: 1px 0 black, 0 2px green, 2px 0 black, 0 1px black;
 text-shadow: 0vh 0vw 2vh #25BE01;
 background: transparent;
 left: 63%;
 top: 1%;
 opacity: 1;
 animation: pulse 2s 1;
 -webkit-animation: pulse 2s 1;
 animation-fill-mode: forwards;
 -webkit-animation-fill-mode: forwards;
 animation-iteration-count: infinite;
 animation-direction: alternate;
}

@keyframes pulse{
 from{opacity: 1;}
 to{opacity: 0.5;}
}

@-webkit-keyframes pulse{
 from{opacity: 1;}
 to{opacity: 0.5;}
}


 #one {
 position: fixed;
 overflow: auto;
 height: 60%;
 width: 40%;
 background: #130e15;
 border: 5px dotted;
 border-color: #FFFFFF;
 border-radius: 10px;
 left: 58%;
 top: 9%;
 opacity: 0;
 transition-duration: 0s;
 font-family: Papyrus, fantasy;
 font-size: 4vh;
 color: #25BE01;
 }

 #two {
 position: fixed;
 overflow: auto;
 height: 60%;
 width: 40%;
 background: #130e15;
 border: 5px dotted;
 border-color: #FFFFFF;
 border-radius: 10px;
 left: 58%;
 top: 9%;
 opacity: 0;
 transition-duration: 0s;
 font-family: Papyrus, fantasy;
 font-size: 4vh;
 color: #1D9301;
 }

 #three {
 position: fixed;
 overflow: auto;
 height: 60%;
 width: 40%;
 background: #130e15;
 border: 5px dotted;
 border-color: #FFFFFF;
 border-radius: 10px;
 left: 58%;
 top: 9%;
 opacity: 0;
 transition-duration: 0s;
 font-family: Papyrus, fantasy;
 font-size: 4vh;
 color: #1D9301;
 }

 #four {
 position: fixed;
 overflow: auto;
 height: 60%;
 width: 40%;
 background: #130e15;
 border: 5px dotted;
 border-color: #FFFFFF;
 border-radius: 10px;
 left: 58%;
 top: 9%;
 opacity: 0;
 transition-duration: 0s;
 font-family: Papyrus, fantasy;
 font-size: 4vh;
 color: #1D9301;
 }

 #five {
 position: fixed;
 overflow: auto;
 height: 60%;
 width: 5brb0%;
 background: transparent;
 border-radius: 10px;
 left: 58%;
 top: 9%;
 opacity: 0;
 transition-duration: 1s;
 font-family: Papyrus, fantasy;
 color: #1D9301;
 }

#one:target {
 opacity: 1;
 transition-duration: 1s;
 z-index: 4;
}

#two:target {
 opacity: 1;
 transition-duration: 0s;
 z-index: 4;
}

#three:target {
 opacity: 1;
 transition-duration: 0s;
 z-index: 4;
}

#four:target {
 opacity: 1;
 transition-duration: 0s;
 z-index: 4;
}

#five:target {
 opacity: 1;
 transition-duration: 1s;
}

.clouds {
position:fixed;
left:0;
bottom:-5%;
width:100%;
height:50%;
display:block;
overflow: visible;
pointer-events: none;
opacity: 0.5;
background:transparent url('http://i.imgur.com/nptVSPv.png') repeat top center;
z-index: 1;
-moz-animation:move-scrolling-front 150s linear infinite;
-ms-animation:move-scrolling-front 150s linear infinite;
-o-animation:move-scrolling-front 150s linear infinite;
-webkit-animation:move-scrolling-front 150s linear infinite;
animation:move-scrolling-front 150s linear infinite;
}

@keyframes move-scrolling-front{
from{background-position:0% 0%}
to{background-position:300% 0%}
}
@-webkit-keyframes move-scrolling-front{
from{background-position:0% 0%}
to{background-position:300% 0%}
}
@-moz-keyframes move-scrolling-front{
from{background-position:0% 0%}
to{background-position:300% 0%}
}
@-ms-keyframes move-scrolling-front{
from{background-position:0% 0%}
to{background-position:200% 0%}
}

</style>
<div id="elle">
<div class="belle">
 <img src="" style="height:90%" draggable="false">
</div></div>
<div id="name">
 <div class="lilith"><Font color=#1D9301></font></div>
 <div class="navi">
 <center>
 <a href="#one">Stats</a> .
 <a href="#two">Gallery</a> .
 <a href="#three">Family&Friends+</a> .
 <a href="#four">OOC</a> .
 <a href="#five">⟲</a>
 </center>
 </div>
</div>
<div id="block"></div>
<div id="quote">Endaris</font></div>
<div id="one">
<h1><center>About</center></h1>
<font face="Arial"color="#FFFFFF">
<font size="4">
<center>
<Font Color=#25BE01>
<p><img src="https://s-media-cache-ak0.pinimg.com/236x/e1/6b/98/e16b98997463560cf9925a4a22204680.jpg" alt="Smiley face" style="float:Right;width:160px;height:150px;">
<h2></h2>
<p style="text-align:Left;text-indent:0%;">
<b>Name:</b><Font Color=#ffffff>Endaris</Font>
<br>
<b>Species:</b><Font Color=#ffffff>Vampire</Font>
<br>
<b>Gender:</b><Font Color=#ffffff>Male</Font>
<br>
<b>Appearance Age:</b> <Font Color=#ffffff>24</Font>
<br>
<b>actual Age:</b> <Font Color=#ffffff>450</Font>
<br>
<b>Occupation:</b><Font color=#ffffff></Font>
<br>
<b>Relationship/Mate:</b><font Color=#ffffff>LikKinkyBunny/font>
<br>
<b>Hair:</b><Font Color=#ffffff>White and sometimes Black</Font>
<br>
<b>Eyes:</b><Font Color=#ffffff> Red</Font>
<br>
<b>Height:</b><Font Color=#ffffff>5'6 </Font>
<br>
<b>Orientation:</b><Font Color=#ffffff> Straight</Font>
<br>
</p> <br>
</center>
<hr color="#25BE01" size="1">
<Center><B><i>Likes/Dislikes</b></i><br>
<Font Color=#ffffff>
<p style="text-align:Left;text-indent:0%;">
<b><center> <Font Color=#25BE01>Likes</font></center></b>
<ul>
<li>Low Crowd Areas</li>
<li>Having evening Drinks</li>
<li>Hanging with Friends</li>
<li>Teasing people</li>
<li>Wordplay </li>
</ul>
</p>
<p style="text-align:Left;text-indent:0%;">
<b><center> <Font Color=#25BE01>Dislikes</font></center></b>
<ul>
<li>Crowded Places</li>
<li>Noisy Places</li>
<li>Arrogance</li>
<li>Ignorant</li>
<li>Assholish Behavior</li>
<li>Rude People </li>
<li>People with No Manners<li>
</ul>
<hr color="#FF115E" size="1">
 <p>to be a bit more specific Endaris is a 3rd generation vampire (meaning he is very, very old. and has lived and experienced a lot of things in the world, as well as had a lot happen to himself.)Part of his time as a vampire was spent learning how to prevent mind-control and mind reading and thus houses a demon inside of him, her name is Vis, and she is very very protective of him, although she is a passive part of his personality, she can manifest herself is certain criteria are met. she guards his mind with a powerful enchantment. Endaris inhabits her mansion but only uses about a fourth of it to actually live in, the place is just too big otherwise. so there is a lot of open space in the place itself. (Will explain the mansion in more detail as the profile develops, as well as Vis his counterpart.) Endaris dresses to impress but does not enjoy flaunting the fact that he has money to spend, and spare. He is very laid back, and very open to anyone and anything that approaches him. he does not have a sexual preference and is happy to spend time with friends. </p>
</p>
<hr color="#FF115E" size="1">
<br>


</div><br>


</div>
<div id="two">
<center><h1><b>Gallery:</b></h1>


</a><img src="https://s-media-cache-ak0.pinimg.com/originals/72/e9/39/72e9392c8050a4df5c0361cacfc1ccfe.jpg" title="." style="width:100px;height:140px;border:1px solid #1D9301;border-radius:10px;float: center;"></a>
 <img src="https://myanimelist.cdn-dena.com/images/characters/12/198047.jpg" title="" style="width:100px;height:140px;border:1px solid #1D9301;border-radius:10px;float: center;"></a>
<img src="https://s-media-cache-ak0.pinimg.com/originals/4f/d1/1b/4fd11b15ddd4d3b599f0f6e248f1db39.jpg" title="" style="width:100px;height:140px;border:1px solid #1D9301;border-radius:10px;float: center;"></a>
<img src="https://photos1.iorbix.com/00/00/00/00/01/86/91/73/Subaru-Kun-659eZMVUl-b.jpg" title="
" style="width:100px;height:140px;border:1px solid #1D9301;border-radius:10px;float: center;"></a>
<br>
 <img src="https://s-media-cache-ak0.pinimg.com/236x/49/2e/f3/492ef396fd689c89295194bcd92cc912.jpg" title="" style="width:100px;height:140px;border:1px solid #1D9301;border-radius:10px;float: center;"></a>
 <img src="https://s-media-cache-ak0.pinimg.com/236x/9d/e7/df/9de7dffdaeb32a0dc60026fd97318a6a.jpg" title="
" style="width:100px;height:140px;border:1px solid #1D9301;border-radius:10px;float: center;"></a>
 <img src="http://img-cache.cdn.gaiaonline.com/4a7721afbaf153e4fa01a18fc170bfda/http://i265.photobucket.com/albums/ii225/purpletulip_2008/anime%20guys/emo.jpg" title="" style="width:100px;height:140px;border:1px solid #1D9301;border-radius:10px;float: center;"></a>



</div>
<div id="three">

<hr color="#1D9301" size="1">
<Center><B><Font Color=#ffffff> My Family</b></font></Center>
<center> None Currently</center>

<hr color="#1D9301" size="1">
<Center><B><Font Color=#ffffff> My Friends</b></font></Center>

<center><img src="http://static.zerochan.net/Yuzuki.Yukari.full.1989954.jpg" title="KinkyLilbunny" style="width:100px;height:140px;border:1px solid #1D9301;border-radius:10px;float: center;"></a>
<img src="http://t14.deviantart.net/L5XQhRIBepq22x_UJ_YCfDFJEmw=/fit-in/700x350/filters:fixed_height(100,100):origin()/pre04/c11e/th/pre/f/2015/175/9/d/wife_kasumi_002__composite__by_yefy-d8ykevr.jpg" title="Michelle" style="width:100px;height:140px;border:1px solid #1D9301;border-radius:10px;float: center;"></a></center>




<hr color="#1D9301" size="1">

<br>
<br>
<br>
</center>

</div>
<div id="four">
 <center><h1><b>Rules</b></h1></center>
 <font size="5vh">
 <font color="#1D9301">☠</font> OCC and IC are two different worlds, <br>
 <font color="#1D9301">☠</font> PM Friendly <br>
 <font color="#1D9301">☠</font>Dont ask stupid questions you'll get a stupid answer back<br>
 <font color="#1D9301">☠</font>Do not be Rude.<br>

 </font>


<br><br>
</div>
<div id"five"></div>
<div class="clouds"></div>