Temporary Code Paqe

<style>
body {
background-color:black;
color:#f0f0f0;
}
#mugshot {
z-index:1;
position:absolute;
top:0%;
left:0%;
right:0%;
height:100%;
text-align:center;
}
#mugshot img {
height:100%;
}
#image1 {
z-index:1;
position:absolute;
top:15%;
left:5%;
width:25%;
opacity:0.9;
}
#image2 {
z-index:1;
position:absolute;
top:15%;
right:5%;
width:25%;
opacity:0.9
}
#statbox {
z-index:3;
position:absolute;
top:2%;
left:2.5%;
height:10%;
width:95%;
border:1px solid #f0f0f0;
background-color:rgba(0, 0, 0, 0.6);
text-align:center;
overflow-y:auto;
}
#statbox li {
display:inline-block;
width:10%;
margin-top:1%;
}
#infobox {
z-index:2;
position:absolute;
top:55%;
left:2.5%;
height:40%;
width:30%;
border:1px solid #f0f0f0;
background-color:rgba(0, 0, 0, 0.6);
}
#obox {
z-index:2;
position:absolute;
top:55%;
right:2.5%;
height:40%;
width:30%;
border:1px solid #f0f0f0;
background-color:rgba(0, 0, 0, 0.6);
}
#navbar {
position:absolute;
top:3%;left:3%;
height:8%;width:94%;
overflow:hidden;
}
#navbar a {
position:absolute;
height:90%;
width:48%;
background-color:#f0f0f0;
border:1px solid #f0f0f0;
}
#navbar a:hover {
background-color:rgba(0, 0, 0, 0.6);
}
#navbar a:first-child {
left:0%;
}
#navbar a:nth-child(2) {
right:0%;
}
#musicbox {
position:absolute;
top:3%;
left:3%;
height:12%;
width:94%;
overflow:hidden;
}
.tab {
height:100%;
width:100%;
overflow-y:auto;
}
p {
text-indent:5%;
}
#credit {
z-index:4;
text-decoration:none;
color:#007ba7;
position:fixed;
right:1%;
bottom:0%;
font-family: UnifrakturCook, Brush Script MT, script, cursive;
}
</style>

<div id="mugshot">
<img src=""/>
</div>


<img src="https://static1.e621.net/data/32/ba/32ba49dce3d9e1b5fcb17ca8cfab3c3b.jpg"id="image1"/>
<img src="" id="image2"/>

<div id="statbox">
<li><b>Name:</b>
<br>Dashuri Paqe</li>
<li><b>Species:</b>
<br>Tiger</li>
<li><b>Age:</b>
<br>Unknown</li>
<li><b>Fur:</b>
<br>Orange Black and White</li>
<li><b>Eyes:</b>
<br>Orange</li>
<li><b>Height:</b>
<br>6’ 8"</li>
<li><b>Weight:</b>
<br>That's pretty rude</li>
<li><b>Status:</b>
<br>Single</li>
<li><b>Orientation:</b>
<br>Bi</li>
</ul>
</div>

<div id="infobox">
<div id="navbar">
<a href="#01"></a>
<a href="#02"></a>
</div>

<div style="position:absolute;top:15%;left:3%;height:82%;width:94%;overflow:hidden;">

<a name="01">Story</a>
<div class="tab">
<h3>About</h3>
<p>

</p>
</div>

<a name="02">Important stuff</a>
<div class="tab">
<h3>💜</h3>
<p>

</div>
</div>

<div id="obox">
<div id="musicbox">
<audio controls autoplay="1" loop="1" style="height:100%;width:100%;">
<source src="http://66.90.91.26/ost/geometry-dash/ubbxoiibfl/09.djvi-cycles.mp3" type="audio/mpeg">
</audio>
</div>
<div style="position:absolute;top:17%;left:3%;height:80%;width:94%;overflow-y:auto;">
<h3>OOC</h3>
<ul>

<li>PM Friendly</li>

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

<a href="http://cera-nore.deviantart.com/" id="credit" target="_blank" title="Firefox 1366x768
Inform me of issues.">Coder