karen

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Oswald|Kaushan Script|Satisfy');

#no {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;}

::-webkit-scrollbar {
width: 1px;}

::-webkit-scrollbar-thumb {
background: transparent;}

::selection {
color: #000;
background: #fff;}

body {
background-color: #530709;
background-image: url(https://www.transparenttextures.com/patterns/asfalt-light.png);
cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}

h2 {
height: 24px;
background-color: #b47f57;
text-align: center;
font-family: 'Oswald';
color: #530709;
font-size: 18px;
line-height: 24px;
letter-spacing: 2px;
text-transform: lowercase;
font-weight: bold;
margin-top: 5px;
margin-bottom: 12px;}

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

.pic1 {
position: absolute;
height: 100px;
width: 100px;
background-image: url('https://i.imgur.com/LThXSx0.gif');
background-attachment: absolute;
background-size: 100% 100%;
bottom: 230px;
right: 35px;
border: 2px solid #878da3;}

.pic2 {
position: fixed;
height: 460px;
width: 350px;
background-image: url('https://i.imgur.com/H6gHWMf.png');
bottom: 205px;
right: 1310px;
z-index: 9;}

.alpha {
position: fixed;
height: 350px;
width: 615px;
background-image: url(http://i.imgur.com/7MyapOQ.png);
background-color: #530709;
padding: 10px;
overflow: auto;
bottom: 50%;
left: 50%;
margin-left: -270px;
margin-bottom: -300px;}

.con {
position: fixed;
height: 300px;
width: 565px;
background-image: url(http://i.picpar.com/kYzc.png);
background-color: #e4e2e3;
Border: 10px solid;
Border-color: #530709;
padding: 10px;
overflow: auto;
bottom: 50%;
left: 50%;
margin-left: -255px;
margin-bottom: -285px;}

.stats {
position: absolute;
height: 215px;
width: 200px;
font-family: calibri;
color: #000;
font-size: 11px;
letter-spacing: 0px;
text-transform: none;
background-color: #878da3;
padding: 10px;
line-height: 22px;
text-align: justify;
overflow: auto;
top: 100px;
left: 35px;}

.stats span {
font-family: 'Oswald';
color: #530709;
font-size: 10px;
letter-spacing: 2px;
text-transform: Uppercase;
font-weight: bold;
margin-right: 3px;}

.box {
position: absolute;
height: 215px;
width: 200px;
font-family: calibri;
color: #000;
font-size: 11px;
letter-spacing: 0px;
text-transform: none;
background-color: #878da3;
padding: 10px;
line-height: 22px;
text-align: justify;
overflow: auto;
opacity: 0;
bottom: 50%;
left: 50%;
margin-left: -230px;
margin-bottom: -10000000px;}

.box:target {
opacity: 1;
bottom: 50%;
left: 50%;
margin-left: -235px;
margin-bottom: -265px;}

.ooc {
position: absolute;
height: 215px;
width: 200px;
font-family: calibri;
color: #000;
font-size: 11px;
letter-spacing: 0px;
text-transform: none;
background-color: #878da3;
padding: 10px;
line-height: 22px;
text-align: justify;
overflow: auto;
bottom: 35px;
left: 265px;
z-index: 9;}

.ooc span {
display: inline-block;
font-family: 'Oswald';
color: #530709;
font-size: 10px;
letter-spacing: 2px;
text-transform: Uppercase;
font-weight: bold;
margin-right: 3px;}

.navi {
position: absolute;
top: 150px;
left: 520px;}

a.nav:link, a.nav:active, a.nav:visited{
display: inline-block;
font-family: 'oswald';
color: #530709;
background-color: #878da3;
width: 60px;
font-size: 15px;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
text-align: center;
margin-top: 10px;
cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}

.title {
position: absolute;
font-family: 'Oswald', cursive;
color: #530709;
font-size: 45px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: bold;
bottom: 50%;
left: 50%;
margin-left: -120px;
margin-bottom: -20px;
text-shadow: 3px 2px 0px #b47f57;}
</style>

<div class="alpha">
<div class="pic2"></div>
<div class="con"></div>
<div class="pic1">
</div>

<div class="stats">
<h2>{ Statistics :</h2>
<font style=float:left><span>Name:</span></font> <font style=float:right>Kara Zor-L</font><br>
<font style=float:left><span>Current Alias:</span></font> <font style=float:right>Power Girl</font><br>
<font style=float:left><span>Aliases:</span></font> <font style=float:right>Andromeda, Ernie, Karen Starr,</font><br>
<font style=float:left><span></span></font> <font style=float:right> Supergirl, Ursa</font><br>
<font style=float:left><span>Age:</span></font> <font style=float:right>Appears Mid-Twenties</font><br>
<font style=float:left><span>Occupation:</span></font> <font style=float:right>---</font><br>
<font style=float:left><span>Affiliation:</span></font> <font style=float:right>---</font><br>
<font style=float:left><span>Status:</span></font> <font style=float:right>Single</font><br>
<font style=float:left><span>Sexuality:</span></font> <font style=float:right>Heterosexual</font><br><br>

<font style=float:left><span>Species:</span></font> <font style=float:right>Kryptonian</font><br>
<font style=float:left><span>Gender:</span></font> <font style=float:right>Female</font><br>
<font style=float:left><span>Height:</span></font> <font style=float:right>5'10"</font><br>
<font style=float:left><span>Weight:</span></font> <font style=float:right>130 lbs</font><br>
<font style=float:left><span>Hair:</span></font> <font style=float:right>Blonde</font><br>
<font style=float:left><span>Eyes:</span></font> <font style=float:right>Blue</font><br><br>

<font style=float:left><span>---:</span></font> <font style=float:right>---</font><br>
<font style=float:left><span>---:</span></font> <font style=float:right>---</font><br>
<font style=float:left><span>---:</span></font> <font style=float:right>---</font><br>
</div>

<div class="ooc">
<h2>{ Out Of :</h2>
<span>✘</span> Code done by <b><a target="_blank" href="https://2.roleplay.chat/profile.php?user=Nix">Nix</a></b>.<br>
<span>✘</span> DC Comics preferred. Others accepted.<br>
<span>✘</span> Snowball, one-liners, third-person, etc.<br>
<span>✘</span> Flirty but #loyalto<b><a target="_blank" href="https://www.youtube.com/watch?v=P_SlAzsXa7E">thecause</a></b>.<br>
<span>✘</span> Discord and other OOC details earned.<br>
<span>✘</span> <a target="_blank" href="">Current theme.</a><br>
</div>

<div class="navi">
<a class="nav" href="#one">One.</a><br>
<a class="nav" href="#two">Two.</a><br>
<a class="nav" href="#three">Three.</a><br>
<a class="nav" href="#four">Four.</a><br>
<a class="nav" href="#five">Five.</a>
</div>
</div>

<div id="one" class="box">
<h2>{ Something :</h2>
</div>

<div id="two" class="box">
<h2>{ Something 2 :</h2>
</div>

<div id="three" class="box">
<h2>{ Something 3 :</h2>
</div>

<div id="four" class="box">
<h2>{ Something 4 :</h2>
</div>

<div class="title">Power Girl</div>