Lian Harper Code

<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(https://fonts.googleapis.com/css?family=Special+Elite);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400italic);
@import url(https://fonts.googleapis.com/css?family=Voltaire|Abel);
@import url(https://fonts.googleapis.com/css?family=UnifrakturCook:700);
@import url(https://fonts.googleapis.com/css?family=Mr+Dafoe);
@import url(https://fonts.googleapis.com/css?family=Homemade+Apple);
@import url(https://fonts.googleapis.com/css?family=Quicksand);
@import url(https://fonts.googleapis.com/css?family=Play);
@import url(https://fonts.googleapis.com/css?family=Play|Arizonia);
@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);

::-webkit-scrollbar-button:vertical:{background-color: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}

.one, .two, .three, .four, .five {position: relative; width: 20px; margin-bottom: 2px;border: 1px solid #B31200; font-family: BrannbollFet; color: #fdac5c; height: 25px; top: 343px; left: 50px; background: #B31200; float: left; display: inline; margin-right: 15px; z-index: 900; cursor: url(http://i.imgur.com/O6hT2Wd.gif), auto;}

.one:hover, .two:hover, .three:hover, .four:hover, .five:hover {background: #FFFF8C;}

.Quote { position: fixed; top: 55%; left: 55%; color: #b31200; font-size: 35px; line-height: 50px; font-family: 'Special Elite'; }



.text {position: absolute; top:250px; left: 610px; margin: auto;
opacity:0;
height: 250px;
width: 304px;
background: transparent;
padding: 8px;
text-align: left;
overflow: auto;
text-ident: 10px;
color: #3D0400;
font-family: PT Sans Narrow;
border: 3px solid #ffff8c;
z-index:998;
background: #FFFF8C;
overflow:auto transition: all 0.0s ease-in-out;
-webkit-transition: all 0.0s ease-in-out;
-moz-transition: all 0.0s ease-in-out;
-o-transition: all 0.0s ease-in-out;
-ms-transition: all 0.0s ease-in-out;}


.text:target{top: 350px; left: 90px; opacity:1;
z-index:999;transition: all 0.0s ease-in-out;
-webkit-transition: all 0.0s ease-in-out;
-moz-transition: all 0.0s ease-in-out;
-o-transition: all 0.0s ease-in-out;
-ms-transition: all 0.0s ease-in-out;overflow:auto;}
</style>

<img src="http://i.picpar.com/y8Nc.png" height="70%" style="position:fixed; bottom:-20px; left: 450px;">
<div class="Quote"></div>

<a href="#01"><div class="one"></div></a><br><br>
<a href="#02"><div class="two"></div></a><br><br>
<a href="#03"><div class="three"></div></a><br><br>
<a href="#04"><div class="four"></div></a><br><br>
<a href="#"><div class="five"></div></a>
<div id="01" class="text">
<p><font style=float:left><b>birth name.</b></font> <font style=float:right> Lian Harper.</font><br>
<font style=float:left><b>alias.</b></font> <font style=float:right> Speedy.</font><br>
<font style=float:left><b>age.</b></font> <font style=float:right> Young Adult.</font><br>
<font style=float:left><b>nickname(s).</b></font> <font style=float:right>Li.</font><br>
<font style=float:left><b>gender.</b></font> <font style=float:right> Feminine.</font><br>
<font style=float:left><b>race.</b></font> <font style=float:right>Human.</font><br>
<font style=float:left><b>birthdate.</b></font> <font style=float:right>January 19th.</font><br>
<font style=float:left><b>zodiac.</b></font> <font style=float:right>Capricorn.</font><br>
<font style=float:left><b>blood type.</b></font> <font style=float:right>O.</font><br>
<font style=float:left><b>age.</b></font> <font style=float:right>Young Adult.</font><br>
<font style=float:left><b>hair.</b></font> <font style=float:right>Black.</font><br>
<font style=float:left><b>eyes.</b></font> <font style=float:right>Green.</font><br>
<font style=float:left><b>height.</b></font> <font style=float:right> 175cm (5'09").</font><br>
<font style=float:left><b>weight.</b></font> <font style=float:right>59kg (130lbs). </font><br>
<font style=float:left><b>ethnicity.</b></font> <font style=float:right>1/4 Vietnamese; 3/4 American.</font><br>
<font style=float:left><b>orient.</b></font> <font style=float:right>Bisexual.</font><br>
<font style=float:left><b>relationship status.</b></font> <font style=float:right>Single.</font></p></div>
</div>

<div id="02" class="text">
<p><center><U>Persona</U><BR>
</center></p>
</div>

<div id="03" class="text">
<p><center><U>Abilities</U><br><br>
<B>Agility</B>.<br>
"<I>Being fast is good, but being fast <B>and</B> able dodge shit coming at you? That's not just good --that's <B>ace.</B></I>"<br><br>
<B>Marksmanship</b>.<br>
"<I>My dad was trained by <B>the</B> Green Arrow. He could outshoot Odysseus <B>drunk,</B> do you think I can't shoot?</I>"<br><br>
<B>Stamina</b>.<br>
"<I>Harder, faster, longer... If you fall, you don't eat and shoot targets from dusk to dawn.</I>"<br><br>
<B>Stealth</b>.<br>
"<I>I'm like a ghost.... but real.</I>"<br><br>
<b>Tracking</b>.<br>
"<I>Through woods, through mountains, through the desert, through the city... Just try and get away from me.</I>"<br><br>
<B>Unarmed Combat</B>.<br>
<B>Weapon Master</b>.<br>
<B>Gadgets</B>.</center> </p>
</div>

<div id="04" class="text">
<p><center><U>Out of Arrows</U></center>
</p>
</div>
</div>
</div>


</div>