Bottom Box HTML

<style type="text/css">

#music-bg {
	position:absolute;
	background-image: url('');
	left: 834px;
	top: 158px;
	width:90;
	height:80;
	opacity:1;
	-webkit-animation: fade4 2s 6s;
	animation: fade4 2s 6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	 z-index: 9999;
}

#music{
	position:absolute;
	background-image:
	url('https://orig00.deviantart.net/31c9/f/2013/264/d/9/noiz_bunny_cube_by_codora778-d6nb39f.gif');
	background-repeat: no-repeat;
	background-size: 18px;
	width:35px;
	height:45px;
	z-index: 9999;
	left:8;
	top:3;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}


</style>

</head>
<body>
<div class="Pic">
 <p> </p>
</div>
<div class="Box1">
 <p> </p>
</div>
<div class="Gal1">
 <p> </p>
</div>
<div class="Gal2">
 <p> </p>
</div>
<div class="Gal3">
 <p> </p>
</div>
<div class="tabs">
 <div class="tab">
 <input id="tab-4" name="tab-group-2" type="radio" />
 <label for="tab-4">OOC</label>
 <div class="content">
<center><h1>OOC:</h1></center>
 <ul>
<li>I'm pm friendly so don't be scared to say hi</li>
<li>IRL comes first </li>
<li>I'm open to short term or long term rps</li>
<li>will do smut or clean</li>
</ul>
<br>
<br>
<center><h2>Friends</h2></center>
<a href="profile.php?user=Jade+Li" target="_blank">sweetheart jade</a>


</p>
 </div>
 </div>
 <div class="tab">
 <input id="tab-3" name="tab-group-2" type="radio" />
 <label for="tab-3">Bio</label>
 <div class="content">
 <p>Maxis was once a normal kid but one day something strange happend weird ongoings appearing around his home town murders, people going missing more and more but one day when max woke up for the last time he saw his mum and dad after he woke up no longer being in his room but all around him was code it was like he was trapped in a codedex stream, maxis knew he wouldn't see his family again he lost hope. After many years in the codedex stream maxis learned to accsess the code and use to his will learing from it and upgardeing the code it's self he was 16 when he got full control over the codedex stream bulding from it creating place to live so codedex stream didn't look so bare but after so many years in it he got bored and found a way out. (still working on it )
</p>
 </div>
 </div>
 <div class="tab">
 <input id="tab-2" name="tab-group-2" type="radio" />
 <label for="tab-2">Gallery</label>
 <div class="content">
 <p style="text-align: center;">Gallery</p>
<center>
<img src="http://i.picpar.com/Zo7c.jpg"width="300"><br>
<img src="http://i.picpar.com/ap7c.jpg"width="300"><br>
<img src="http://i.picpar.com/bp7c.jpg"width="300"><br>
<img src="http://i.picpar.com/cp7c.png"width="300"><br>
<img src="http://i.picpar.com/dp7c.jpg"width="300"><br>
<img src="http://i.picpar.com/ep7c.jpg"width="300"><br>
<img src="http://i.picpar.com/fp7c.jpg"width="300"><br>
<img src="http://i.picpar.com/hp7c.jpg"width="300"><br>
<img src="http://i.picpar.com/ip7c.jpg"width="300"><br>
<img src="http://i.picpar.com/jp7c.png"width="300"><br>
<img src="http://i.picpar.com/kp7c.png"width="300"><br>
<img src="http://i.picpar.com/mp7c.jpg"width="300"><br>
<img src="http://i.picpar.com/np7c.jpg"width="300"><br>
<img src="http://i.picpar.com/op7c.jpg"width="300"><br>
<img src="http://i.picpar.com/up7c.jpg"width="300"><br>
<img src="http://i.picpar.com/vp7c.jpg"width="300"><br>
<img src="http://i.picpar.com/wp7c.jpg"width="300"><br>
<img src="http://i.picpar.com/xp7c.jpg"width="300"><br>
<img src="http://i.picpar.com/Mq7c.jpg"width="300"><br>
<img src="http://i.picpar.com/Nq7c.png"width="300"><br>
<br><h2>when he was 9 stuck in the codedex stream</h2>
<img src="http://i.picpar.com/gp7c.gif"width="300"><br>
<br><h2>When he was stuck in the codedex stream at 16</h2>
<img src="http://i.picpar.com/lp7c.png"width="300"><br>
</center>

 </p>
 </div>
 </div>
 <div class="tab">
 <input id="tab-1" checked="checked" name="tab-group-2" type="radio" />
 <label for="tab-1">Stats</label>
 </div>
 <div class="content">
 <h2>Stats</h2>
<p>
<b>Name:</b> maxis
<br>
<b>Code name:</b>NOIZ
<br>
<b>Species:</b> Human
<br>
<b>Gender:</b> male
<br>
<b>Age:</b> 27
<br>
<b>Hair:</b> blonde
<br>
<b>Eyes:</b> green
<br>
<b>Height:</b> average height
<br>
<b>Weight:</b> nope
<br>
<b>Build:</b> average
<br>
<b>sexuality:</b> pansexual
<br>
<b>Job:</b> freelancer
<br>
<b>power:</b> Code Mage
<br>
<b>Relationship:</b> single <a target="_blank" href="http://www.thiscrush.com/~maxis18" target="blank"><font color=#043200> a crush on me</font> </a><br>
</p>
 </div>
</div>


 <div id="music-bg">
<div id="music">
<div style="margin-top:4px;">

<audio controls loop="1" style="opacity: 0;"><source src="http://k003.kiwi6.com/hotlink/td13nca9xx/Tokyo_Teddy_Bear.mp3">
</audio>
</div></div></div>
<div class="Credit">
 <p style="text-align: center;"><a target="_blank" href="https://rphprofilecodes.tumblr.com/" target="_blank">♠</a></p>
</div>