<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }
</style>

<style type="text/css">


body{ font-family: arial narrow;
font-size: 10px;
background-color: #FFFFFF;
background-image: url('http://wallarthd.com/wp-content/uploads/2014/11/Hacking-Program-Wallpaper-Desktop.jpg');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
background-position: 0px 0px;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur825.cur');
}




#pictureone {


position: fixed;
right: 0px;
bottom: -220px;
margin: 25px;}

#picturetwo {


position: fixed;
left: 80px;
top: 0px;
margin: 25px;
border: 3px solid #000000;}

#Name{
position: fixed;
top: 310px;
left: 50px;
color: #78FFFF;
font-size: 15px;
line-height: 15px;
letter-spacing: 3px;
font-family: lavanderia sturdy;
text-shadow: #000000 2px 3px 4px;
z-index: 700;

}

#navigation{

position: fixed;
Left: 650px;
top: 50px;
opacity: 0.5;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
#navigation:hover { opacity:1; }

#main{
left:150px;
bottom:10px;
position: fixed;
border-radius: 100px;
border: 3px solid #77FFFF;
background-image: url(http://i.picpar.com/w99.png);}


</style>



<div id="pictureone"><img src="http://i60.tinypic.com/6hpc2t.png" class="image" width="600px;" height="900px;">

<div id="picturetwo"><img src="http://orig05.deviantart.net/6469/f/2013/320/b/e/arrow15_by_edartgeek-d6uhxtr.gif" class="image" width="auto;" height="auto;">
</div>

<div id="Name">"Hacking" is such an ugly word. No. I'm... Yeah. </br>Totally hacking into the Merlyn Global mainframe."
- Felicity Smoak</div>


<div id="navigation">

<a href="#01" title="Derp"><img src="http://i62.tinypic.com/10i7bjk.gif" width="70" height="60"></a>
<br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#02" title="Hail Darkseid"><img src="http://i62.tinypic.com/10i7bjk.gif" width="70" height="60"></a>


</div>

<div id="main">

<div style="height: 300px; width: 400px; overflow-y: hidden;">
<a name="01"></a>
<div style="height: 300px; width: 400px; overflow: auto;" align="center">

 Darkseid has a large penis

</div>

<div style="height: 300px; width: 400px; overflow-y: hidden;">
<a name="02"></a>
<div style="height: 300px; width: 400px; overflow: auto;" align="center">

Two.

</div>

</div></div></div></div>