<style>
.pfor{display:none;}
body {background-color: #ffffff;}
body {background-image:url(""); 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: rgba(, 0.8);
}

li {
 float: left;
}

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

li a:hover {
 background-color: rgba(239,248,231, 0.8);
}
</style>



<ul>
 <li><a href="#one">Stats</a></li>

 <li><a href="#two">Personality</a></li>
 <li><a href="#five">Gallery</a></li>
 <li><a href="#four">OOC</a></li>

 <li><a href="#home">Reset</a></li>
</ul>






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

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: 250;
bottom: 150;
margin-top: 234px;
width: 326px;
height: 425px;
padding: 10px;
background: rgba(207,248,231, 0.8);
font-family: Arial Italic;
color: #5e5757;
font-size: 14px;
line-height: 15px;
text-align: justify;
border: 2px solid #eff8e7;
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> Cyanide<br><br>
<strong>Age:</strong> 22 <br><br>
<strong>Gender:</strong> Female <br><br>
<strong>Race:</strong> Low Level Demon <br><br>
<strong>Height:</strong> 5'5"Ft / 165cm <br><br>
<strong>Alias:</strong> Add Some? <br><br>
<strong>Build:</strong> Curved <br><br>
<strong>Sexual Orientation:</strong> Pansexual<br><br>
<strong>Occupation:</strong> Personal Assistant for <a target="_blank" href="URL"><b>Hire</b></a> </div>

<div class="info" id="two"><h1>Persona</h1>Cyanide is a low level demon, her inability to use magic makes her substitute everything with potions. She has grown into a major alchemist within the demon realms, however, she was exiled to the surface world. This was due to the fact that she blew up the emperors kitchen while she was making a potion which changed her black hair to a deep orange and her fair skin into porcelain colour. Almost albino in colour but her rosy visage and human-ish blood coursing through her made her retain some complexion. Finally, her time on the surface has opened her books to new herbs and such, soon she found a potion for immortality which she drank herself to live like an Emperor in the underworlds. For now, she is attempting to recreate it to form eternal life, so far it has been a failure, though more worlds and herbs need to be collected before she can figure this formula out, perhaps she might but for now, she has a calm life with little to do. Her job hunting has been poor since she is lazy and timid towards larger beings, however, she hopes to find a great master she could aid with her skills. </div>


<div class="info" id="four"><h1>OOC</h1><strong>PM/RP Friendly<br><br>Shit-Post to Novel<br><br>Uses Grammarly as a crutch cause is a horrible speller (Fun fact!)<br><br>Zones out easily, PM For attention if I stop posting in room or PMs<br><br></strong></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>


<a target="_blank" href="https://imgur.com/a/TflYf"><b>Gallery</b></a>

</div>
<br>
<div id="player">
<audio controls loop="1"><source src="http://k003.kiwi6.com/hotlink/gjgbsppn6f/Bayonetta_-_OST_-_The_Gates_of_Hell_320_kbps_.mp3"></audio>
</div>
<style>
img {
 border-radius: 4%;
 display: block;
 margin: auto;
 height:80%;
 width: auto;
}
</style>


<img src="https://i.imgur.com/EitKPoZ.png" width="400" height="300"></a>