Athena

<style>
.pfor{display:none;}
body {background-color: #000000;}
body {background-image:url("http://i.imgur.com/kgX0QgR.jpg"); background-attachment:fixed; background-size:100%;}
#pbox {margin: auto;
width: 600px;
background-color:black;
border-style: solid;
border-width: 2px;
border-color: #333;
padding: 5px;
}
</style>

<style type="text/css">
!-- Copy from here, into the Style section --!
#player{
 position: fixed;
 z-index:2;
 bottom: 230px;
 left: 934px;
 border-radius: 15px;
 width: 32px;
 height: 32px;
 border: 5px solid #D5D5D5;
 box-shadow: 0px 0px 19px #D5D5D5;
 overflow:hidden;}


</style>



<style>
ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 background-color: #35104B;
}

li {
 float: left;
}

li a {
 display: block;
 color: #ECB70E;
 text-align: center;
 padding: 14px 16px;
 text-decoration: none;
}

li a:hover {
 background-color: #BA95CF;
}
</style>



<ul>
 <li><a href="#one">Stats</a></li>
 <li><a href="#three">History</a></li>
 <li><a href="#four">OOC</a></li>
 <li><a href="#five">Gallery</a></li>
 <li><a href="#home">Reset</a></li>
</ul>






<style>
img {
 border-radius: 50%;
}

img {
 display: block;
 margin: auto;
 font-size: 18px;
}


.tabs {
float: left;
margin-right: 15px;
margin-bottom: 15px;
width: 54px;
height: 54px;
text-align: left;
}

.info{
position: fixed;
right: 550;
bottom: 75;
margin-top: 234px;
width: 326px;
height: 425px;
padding: 10px;
background: #EBB710;
font-family: Arial Italic;
color: #35104B;
font-size: 14px;
line-height: 15px;
text-align: justify;
border: 2px solid #35104B;
outline-offset: 2px;
opacity: 0;
overflow: auto;
transition: 1s;
}

.info:target{
opacity: 1;
transition: 1s;
z-index: 1;
}


</style>


<div class="info" id="one"><h1>Stats</h1>
<strong>Full Name:</strong> Athena <br><br>
<strong>Age:</strong> Infinite <br><br>
<strong>Gender:</strong> Female (Is a god, can become a shemale) <br><br>
<strong>Race:</strong> Goddess <br><br>
<strong>Height:</strong> 5'8" <br><br>
<strong>Alias:</strong> Goddess of Wisdom <br><br>
<strong>Build:</strong> Curved <br><br>
<strong>Sexual Orientation:</strong> Pansexual <br><br>
<strong>Status:</strong> Single <br> <br>
<strong>Occupation:</strong> Goddess </div>


<div class="info" id="three"><h1>History</h1>Athena is the goddess of wisdom, craft, and war[2] in ancient Greek religion and mythology. Minerva is the Roman goddess identified with Athena.[3] Athena is known for her calm temperament, as she moves slowly to anger. She is noted to have only fought for just reasons, and would not fight without a purpose.[4]
<br><br>
Athena is portrayed as an astute companion of heroes and is the patron goddess of heroic endeavour. She is the virgin patroness of Athens. The Athenians founded the Parthenon on the Acropolis of her namesake city, Athens (Athena Parthenos), in her honour.[3]
<br><br>
Veneration of Athena was so persistent that archaic myths about her were recast to adapt to cultural changes.[citation needed] In her role as a protector of the city (polis), many people throughout the Greek world worshipped Athena as Athena Polias (Ἀθηνᾶ Πολιάς "Athena of the city"). While the city of Athens and the goddess Athena essentially bear the same name (Athena the goddess, Athenai the city), it is not known which of the two words is derived from the other.[5]</div>

<div class="info" id="four"><h1>OOC</h1><strong>PM/RP Friendly<br><br>No Limits in Smut<br><br>Love people who can start with a post<br><br>I love people who come to me with ideas<br><br>If you have questions feel free to ask<br><br>Don't ask me about fetishes, I'm into Pain, nuff said.</div>

<div class="info" id="five"><h1>Gallery</h1><style>

div.img {
 margin: 5px;
 border: 1px solid #ccc;
 float: left;
 width: 180px;
}

div.img:hover {
 border: px solid #777;
}

div.img img {
 width: 100%;
 height: 80%;
}

div.desc {
 padding: 15px;
 text-align: center;
}
</style>


<div class="img">
 <a target="_blank" href="http://i.imgur.com/oRfdf8c.jpg">
 <img src="http://i.imgur.com/oRfdf8c.jpg" width="300" height="200">
 </a>
</div>

<div class="img">
 <a target="_blank" href="http://i.imgur.com/9fMNiWk.png">
 <img src="http://i.imgur.com/9fMNiWk.png" width="300" height="200">
 </a>
</div>

<div class="img">
 <a target="_blank" href="http://i.imgur.com/NiVOa74.png">
 <img src="http://i.imgur.com/NiVOa74.png" width="300" height="200">
 </a>
</div>

<div class="img">
 <a target="_blank" href="http://i.imgur.com/c5jOMCa.jpg">
 <img src="http://i.imgur.com/c5jOMCa.jpg" width="300" height="200">
 </a>
</div>

<div class="img">
 <a target="_blank" href="http://i.imgur.com/Y0dHCpN.jpg">
 <img src="http://i.imgur.com/Y0dHCpN.jpg" width="300" height="200">
 </a>
</div>

<div class="img">
 <a target="_blank" href="http://i.imgur.com/Jyd1MHK.png">
 <img src="http://i.imgur.com/Jyd1MHK.png" width="300" height="200">
 </a>
</div>

<div class="img">
 <a target="_blank" href="http://i.imgur.com/pyi1IVg.png">
 <img src="http://i.imgur.com/pyi1IVg.png" width="300" height="200">
 </a>
</div>

<div class="img">
 <a target="_blank" href="http://i.imgur.com/g6EplK4.png">
 <img src="http://i.imgur.com/g6EplK4.png" width="300" height="200">
 </a>
</div>


</div>

<br>

<div id="player">
<audio controls loop="1"><source src="MUSIC"></audio>
</div>




<style>
img {
 border-radius: 50%;
 display: block;
 margin: auto;
 height:60%;
 width: auto;
}
</style>