Elise von Lieven

@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One');
@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One|Playfair+Display+SC:900');

#profile
{background-color:#ccc; background-position:center; background-repeat:repeat; border-width:0px; cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur568.cur)}

::-webkit-scrollbar { width:4px; }
::-webkit-scrollbar-track { background-color:#ffffff; }
::-webkit-scrollbar-thumb { background-color:#000000;}

body
{background-color:#ccc; background-position:center; background-repeat:repeat; cursor: url()}

#picture{background-image:url(http://i.picpar.com/uxEc.png); background-position:top; background-repeat:no-repeat; width:694px; height:1102px; position:fixed; left:10px; top:0px; bottom:400px; background-size:91%;transition-delay: 500s;
-moz-transition-delay: 500s;
-webkit-transition-delay: 500s;
-o-transition-delay:500s; opacity:0; }

body:hover #picture{background-image:url(http://i.picpar.com/uxEc.png); background-position:top; background-repeat:no-repeat; width:694px; height:1102px; position:fixed; left:10px; top:0px; bottom:400px; background-size:91%;opacity:1; -webkit-transition: all 1s linear;
 -moz-transition: all 1s linear;
 transition: all 1s linear;transition-delay: 2.5s;}

#title{background-color:transparent; height:20px; font-family: 'Playfair Display SC', serif; font-size:50px; width:740px; letter-spacing:2; position:fixed; color:#BBBFC5; top:366px; left:810px;opacity:0;transition-delay: 500s;
-moz-transition-delay: 500s;
-webkit-transition-delay: 500s;
-o-transition-delay:500s;}

body:hover #title{background-color:transparent; height:20px; font-family: 'Playfair Display SC', serif; sans-serif;font-size:50px; width:740px; position:fixed; color:#BBBFC5; top:366px; left:810px;opacity:1; -webkit-transition: all 1s linear;
 -moz-transition: all 1s linear;
 transition: all 1s linear;transition-delay: 2.5s;}

#title2{background-color:transparent; position:fixed; top:450px; left:810px; height:60px; width:650px; color:#999; font-family:arial; font-size:20px;opacity:0;transition-delay: 500s;
-moz-transition-delay: 500s;
-webkit-transition-delay: 500s;
-o-transition-delay:500s;
font-size:9px;
text-align:justify;
}

body:hover #title2{background-color:transparent; position:fixed; top:450px; left:810px; height:60px; width:650px; color:#999; font-family:arial; font-size:9px; opacity:1; -webkit-transition: all 1s linear;
 -moz-transition: all 1s linear;
 transition: all 1s linear;transition-delay: 2.5s;}

#first {background-color:#BBBFC5; position:fixed;margin:auto; top:420px; left:0px;height:250px; width:0%; -webkit-transition: all 2.5s linear;
 -moz-transition: all 2.5s linear;
 transition: all 2.5s linear; transition-delay: 500s;
-moz-transition-delay: 500s;
-webkit-transition-delay: 500s;
-o-transition-delay:500s;}
body:hover #first {position:fixed;margin:auto; top:420px; left:0px;height:250px; width:100%;
 -webkit-transition: all 2.5s linear;
 -moz-transition: all 2.5s linear;
 transition: all 2.5s linear;}


#second {background-color:#BBBFC5; position:fixed; top:0px; left:200px; right:0px; height:0px; width:100px; -webkit-transition: all 2.5s linear;
 -moz-transition: all 2.5s linear;
 transition: all 2.5s linear;transition-delay: 500s;
-moz-transition-delay: 500s;
-webkit-transition-delay: 500s;
-o-transition-delay:500s; }
body:hover #second {background-color:#BBBFC5; position:fixed; top:0px; left:200px; right:0px; height:450px; width:100px; -webkit-transition: all 2.5s linear;
 -moz-transition: all 2.5s linear;
 transition: all 2.5s linear; }



h1{background-color:transparent; color:#F2D2C5; font-family:Palatino Linotype; font-size:20px; text-align:center; border-bottom:#AFA6A1 solid 2px; width:200px; height:15px; line-height:25px;}
h2{background-color:transparent; color:#C02719; font-family:Palatino Linotype; font-size:10px; text-align:center; width:180px; height:15px; line-height:25px;}

a:hover
{opacity:0.6; color:#952813; background-color:transparent; text-decoration:none;
line-height:0px;}
a:link, a:visited
{color:#952813; background-color:transparent; text-decoration:none; line-height:0px; -webkit-transition: all 2.5s linear;
 -moz-transition: all 2.5s linear;
 transition: all 2.5s linear;}

.pfor {display: none; }


i {font-family:Bell MT; font-size: 10pt; color:952813;}
b {color:#952813; font-size: 10pt; font-family:Bell MT; }

::selection {background-color: transparent; }
::-moz-selection {background-color: transparent; }



/*Profile in eternal progress! Waha, waha~*/


 #nav { position:fixed; height:50px; width:30px; background-color:transparent; top:455px; left:780px; }
#nav a{ width:1px; height:35px;display:block; padding:2px; line-height:0px; text-decoration: none; text-align: center; text-transform:uppercase; font-size: 8px; letter-spacing: 0px; background-color:#666; color:#000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

#nav a:hover {width:1px; background-color:#ccc; color:#660000; line-height:5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: url(http://i47.tinypic.com/2vbwz.png);}
#visible{width:180px; height:320px; overflow:auto; overflow-x:hidden; overflow-y:auto;}
#hidden{width:180px; height:320px;overflow:hidden; }

.musicplayer{
position: fixed;
margin-top:360px;
left:620px;
height: 50px;
width: 50px;
line-height: 50px;
font-size: 50px;
color: E1E8EB;
text-align: center;
padding-left: 5px;
border-radius: 360px;
overflow: hidden;
}

.musicplayer:visited {
color: #333;
}

.musicplayer:active{
color: #999;
}
.moosic{
float: left;
margin-top: -50px;
margin-left: -2px;
height: 30px;
width: 30px;
overflow: hidden;
opacity: 0;
}

#page {
width: 650px;text-align: justify;
height: 200px;
overflow: hidden;
float:left; color:#111111;
font-family: 'Julius Sans One', sans-serif;
background: transparent; padding: 0px;}

.page{
width: 650px; float:left; padding: 0px;
height: 210px; text-align: justify;
overflow: auto;
font-family: 'Julius Sans One', sans-serif;}

table {
width:300;
height:100%;
margin-left:350px;
border-collapse:separate;
font-family: 'Julius Sans One', sans-serif;
color: #777777;
font-style:bold;
font-size:10px;
letter-spacing: 0px;
border-left:1px solid #952813;
padding:10px;}
td {
    padding: 0px;
}
#left{height:10px; text-align: left; }

#right {height:10px; text-align: right;}

#bio {
background-color:ccc;
width:300;
height:90%;
margin-right:0px;
font-family: 'Julius Sans One', sans-serif;
color: #777777;
float:left;
font-size:10px;
letter-spacing: 0px;
padding:10px;

}
.musicplayer{
position: fixed;
bottom: 0px;
left: 0px;
height: 30px;
width: 30px;
line-height: 30px;
font-size: 20px;
color: #541818;
text-align: center;
padding-left: 5px;
margin-left: -5px;
border-radius: 360px;
overflow: hidden;
}

.musicplayer:active {
color: #404040;
}
.moosic{
float: left;
margin-top: -30px;
margin-left: -2px;
height: 30px;
width: 30px;
overflow: hidden;
opacity: 0;
}

  <div id="first">


<div id="title2">
<div id="page"><a name="1"></a>
<div class="page">
<div id="bio">Elise is someone who fades into the background or blends into crowd, she has always been okay with it. Of all her family, she deems herself the least attractive and the weakest magus - Elise is of self doubt. Social anxiety over the years left her with few words, often leaving her thoughts and intentions to mystery. When given the chance to express herself, Elise is an eloquent speaker and placid by nature. Akin to a doe, though she has grace from her wealthy upbringing - Elise is clumsy,
 naive, and curious. Because of her Hemokenesis, Elise loses blood and calories at an alarming rate. This causes her to be a glutton, and she can often be found looking for food or already eating. Despite of her lack of self-confidence, Elise has great potential as a magus and holds compassion for many, even if it is from afar. She yearns to be stronger and distinguish herself from her family's name. </p></div>
<table>
<tr><td id="left">NAME</td> <td id="right">ELISE VON LIEVEN</td></tr>
<tr><td id="left">AGE</td> <td id="right">19</td></tr>
<tr><td id="left">HEIGHT</td> <td id="right">152CM</td></tr>
<tr><td id="left">WEIGHT</td> <td id="right">52KG</td></tr>
<tr><td id="left">RACE</td> <td id="right">HUMAN</td></tr>
<tr><td id="left">OCCUPATION</td> <td id="right">MAGUS</td></tr>
<tr><td id="left">SERVANT</td> <td id="right"><a href="">N/A</a></td></tr>
<tr><td id="left">ORIENTATION</td> <td id="right">BISEXUAL</td></tr>
<tr><td id="left">AFFILIATION</td> <td id="right">CHALDEA</td></tr>
<tr><td id="left">TEMPERAMENT</td> <td id="right">TIMID</td></tr>
</table>

 </div>

<div id="page"><a name="2"></a>
<div class="page">
<p>The House of Lieven has a recessive gene in their long Magus bloodline that gives the ability of <b>Hemokenesis</b>. Elise was born with it, and can manipulate her blood in various ways such as shaping and solidifying it to form constructs such as a sword, needles, or a shield. The density can be strong, most types of metal or even bullets cannot penetrate it. It can also be manipulated into a glutinous, sticky substance that can capture a person like a spider and its' web. Her blood also has corrosive properties when injected into or sprayed onto an opponent. This ability is limited by her body's natural blood volume, too much cannot be taken at once as it would cause severe anemia or death.</p>

<p>A type of swordsmanship was also passed down from generation to generation that only they know. Only those who join the bloodline through marriage are the only outsiders that can be taught. It has been this way so that the Lieven family could defend themselves in battle without their offensive movements being predicted as common swordplay. Schattenschritt, or <b>Shade Step</b> is a swordplay with graceful, light footed, yet firm and precise qualities to it. It suggested by that their general way of movement is in arcs and straight lines with a very fast, pivoting foot spin when running through multiple enemies or attacks - akin to a ballerina. The uniqueness of it is the spinning attacks, and trained improvisation of the surroundings.</p>
</div>

<div id="page"><a name="3"></a><div class="page">

</div>
<div id="page"><a name="4"></a><div class="page">
<center>
<b>✖</b> PM FRIENDLY, BUT NOT FOR SMALL TALK. DON'T ASK HOW I AM DOING, I AM ALWAYS DOING GREAT. <b>✖</b>
<br><b>✖</b> ALWAYS IN CHARACTER TO SOME EXTENT. IF ELISE IS EVER RUDE/PRISSY, DON'T FEEL PERSONALLY ATTACKED. <b>✖</b>
<br><b>✖</b> WILL USE BRACKETS TO SPECIFY THAT THE WRITER IS SPEAKING TO YOU. <b>✖</b>
<br><b>✖</b> FOR THE FATE UNIVERSE, BUT WILLING TO COMPROMISE. <b>✖</b>
<br><b>✖</b> I TEND TO PREFER BUILDING FROM COINCEDENTAL ENCOUNTERS. I FIND IT MORE EXCITING THAN BLUEPRINTING THE ENTIRE PLOT. <b>✖</b>
<br><b>✖</b> THAT BEING SAID, PLEASE DO NOT METAGAME/GOD-MOD/COME ONTO MY CHARACTER WITHOUT LETTING ME KNOW. <b>✖</b>
</center>
</div>
</div>
<div id="second"></div>
<div id="picture"></div>
<div id="title">BLESSING AND A CURSE

</div>

<div id="nav">
<a href="#1" title="summary." id="links"></a>
<br>
<a href="#2" title="history." id="links"></a>
<br>
<a href="#3" title="abilties." id="links"></a>
<br>
<a href="#4" title="rules." id="links"></a>
</div>
</div>

<div class="musicplayer" title="nothing like us.">
►
<div class="moosic">
<audio controls>
<source src="https://my.mixtape.moe/dafmmz.mp3">
</audio>
</div>
</div>