New profile to edit

<style>
@import url(https://fonts.googleapis.com/css?family=Cinzel|Kaushan+Script|Cinzel+Decorative);
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { border-radius: 0px; background-color: #ffff00;}
::-webkit-scrollbar-thumb { border-radius:0px; background-color: #031665;}

body {
background-color:#000;
background-image: url('http://i.picpar.com/3wBc.png');
background-attachment:fixed;
background-repeat:no-repeat;
background-position:  top;
background-size: contain;
}

#title {
 position: static;
 top: 15px;
 left: 40%;
 color: #ffff00;
 text-shadow: 4px 2px 2px #ffffff;
 font-family: Cinzel Decorative;
 font-size: 10vh;
}

#baseball{
 position: absolute;
 left: 4vw;
 top:30vh;
 width: 17vw;
 color:#ffff00;
 background: ;
 border: 2px solid #ffff00;
 box-shadow: 4px 4px 4px #ffffff;
 font-family: Times New Roman ;
 text-shadow: #031665 1px 1px 2px;
 font-size: 4.5vh;
 padding: 5px;
}

#infobox{
 position: absolute;
 height:70vh;
 width: 30vw;
 overflow:auto;
 right: 1vw;
 top: 17vh;
 color:#ffff00;
 background: ;
 border: 2px solid#ffff00;
 box-shadow: 4px 4px 4px #ffff;
 font-family: Times New Roman ;
 text-shadow: #ffff00 1px 1px 2px;
 font-size: 2.5vh;
 padding: 5px;
}

#buttons {
 list-style-type: none;
 margin: 0;
 padding: 0;
 height: auto;
 background: ;
 border: 2px solid #ffff00;
 position: absolute;
 z-index:3;
 top:12.5vh;
 right: 20vw;
 overflow: hidden;
 font-family: Cinzel Decorative;
 box-shadow: 4px 4px 4px #ffff00;
}
#buttons a {
 display: inline;
 color:#ffff00;
 text-shadow: #ffff00 1px 1px 2px;
 font-size: 2.5vh;
 padding: 8px 8px 8px 8px;
 text-decoration: none;
}
#buttons a:hover{
 background-color:
 color:#FFFFFF;
 font-size: 2.5vh;
}


#credit{
 position: absolute;
 right: 1vw;
 bottom: 1vh;
 color:#ffff00;
 text-shadow: #031665 1px 1px 2px;
 background: ;
 border: 2px solid#ffff00;
 font-family: Cinzel Decorative ;
 font-size: 1.8vh;
}
</style>

<div id="credit">
 Code by Aishurel
 <br>
 <a href="http://pastebin.com/khvm8x8g" target="new">Please steal!</a>
</div>

<center>
<div id="title">
<center>
Sparky
</center>
</div>
</center>

<div id="baseball">
<center>
<font color = "#ffff00">♦ Stats ♦</font><br>
<p align = "left">
Race: <font color = "#FFFFFF">Sun Elf</font><br>
Sex: <font color = "#FFFFFF">Female</font><br>
Height: <font color = "#FFFFFF">5'10</font><br>
Skin: <font color = "#FFFFFF">Bronze</font><br>
Hair: <font color = "#FFFFFF">Golden Blonde</font><br>
Eyes: <font color = "#FFFFFF">Silver</font><br>
Orientation: <font color = "#FFFFFF">Bisexual</font><br>
Occupation: <font color = "#FFFFFF">Sellsword</font><br>
Alignment: <font color = "#FFFFFF">Neutral Good</font>
</center>
</p>
</div>

<div id="buttons">
<center>
<a href="#one">Bio</a>
<a href="#two">OOC</a>
<a href="#three">Friends</a>
</center>
</div>


<div id="infobox">
<div style="height: 100%; overflow-y: hidden;">
<a name="one"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
<center>
<font color = "#ffff00">♦ Her Story ♦</font><br>
<p align = "left">
<font color = "#fffff">Bio: </font>
To call the nomadic blade-for-hire an outcast would be a massive understatement given the xenophobic pride of her race. She eats, sleeps, and works amongst the lesser races while shilling herself as a bodyguard and mercenary for whatever meager sums she can manage to haggle out of employers. When times are particularly tough she has been known to sell herself in baser capacities, though she only ever does so as a last resort for survival. She generally gets by just fine until the winter time, often sleeping under the stars curled up with a bottle or two of mead and a warm fire.
<br>
<br>
<font color = "#fff">Personality: </font>
She shows little outward interest in interpersonal relationships, though she is very protective of others and sentimental at heart. Her idealism and strong sense of justice often put her at odds with authorities that enforce the status quo. She's the type that finds it impossible to look the other way for so much as a dog being kicked.
<br>
<br>
<font color = "#fff">Origins: </font>
Aishurel's innate sense of equality left her at odds with <i>Ar-tel-quessir</i> society, which prides itself on firm traditions and hierarchies dictated by nobility and power. She left of her own volition to see the world at large--only to find that even sincerely given aid from one of her kind was distasteful to many. She has long since adapted to being alone with precious few valuable friends among smugglers, informants, and hawkers.
<br>
All <i>Ar-tel-quessir</i> are trained in combat, while individual professions and crafts are singular lifelong pursuits to be mastered. Aishurel dedicated herself completely to martial skills, specializing in dual wielded short blades. She is also surprisingly intelligent for one so taciturn and physically imposing--a product of her upbringing and the learning it afforded her.<br>
</center>
</p>
</div>

<a name="two"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
<center>
<font color = "#ffff00">♦ OOC ♦</font><br>
<p align = "left">
<font color = "#fff">♦</font>In-room approach is always best bet<br>
<font color = "#fff">♦</font>No smut offers unless your character is close with mine<br>
<font color = "#fff">♦</font>PM-friendly for OOC chit chat<br>
<font color = "#fff">♦</font>Multi to novella for private, semi to para+ in main<br>
<font color = "#fff">♦</font>Picture is nakey. Character is not<br>
</center>
</p>
</div>

<a name="three"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
<center>
<font color = "#fff00">♦ Known people ♦</font><br>
<p align = "left">
<a href="Profile Link"> <img src="Pic link" class="image" width="60px;" height="auto;">  </a>


</p>
</center>
</div>