Gijinka Profile (One image, Two tabs)

<style type="text/css">

#profile { border: hidden; background-color: transparent; }

.pfor {display:none;}
body{
background-color:#FFF;}

#image {
position:fixed;
left:40;
bottom:170;
width:300;
height:471;}


#title{
vertical-align: center;
text-transform: none;
color:#AD5C57;
font-size:70px;
font-family:Harrington;
text-align: center;
position: absolute;
left: 350px;
top: -8px;
margin: 1px;
z-index:1;
text-shadow: 1px 1px 60px #DC7770, 0px 1px 0px #DC7770, -1px 0px 0px #DC7770, 0px -1px 0px #DC7770,0px 0px 50px #DC7770;}

#title2{
vertical-align: center;
text-transform: none;
color:#AD5C57;
font-size:12px;
font-family:Harrington;
text-align: center;
position: absolute;
right: 50px;
bottom: 8px;
margin: 1px;
z-index:1;}

.effectscale {
border: none;
margin: 0 auto;}

.effectscale:hover {
-webkit-transform: scale(3.2);
-moz-transform: scale(3.2);
-o-transform: scale(3.2);
transform: scale(3.2);
transition: all 0.3s;
-webkit-transition: all 0.3s;}

.navbar1 a {
display: block;
width: 2.5%;
margin-top: 2px;
padding-top: 2px;
padding-bottom: 2px;
color: #cccccc;
text-decoration: none;
font-family: Rockwell;
Font-size: 10px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;}

.abox {
background-color:#fffff;
opacity: .9;
color: #AD5C57;
font-size: 20px;
Text-Shadow: #DC7770 2px 1px 1px;
font-family: Poor Richard;
text-align: justify;
position: absolute;
width:520;
height:372;
left: 350;
top:160;
letter-spacing:0px;
line-height: 18px;
padding: 60px;
margin: 1px;
overflow:auto;
border-radius:360px;
box-shadow: 1px 1px 60px #DC7770, 0px 1px 0px #DC7770, -1px 0px 0px #DC7770, 0px -1px 0px #DC7770,0px 0px 50px #DC7770;}

.navbar {
Position: absolute;
Height: 50px;
Width: 99.4%;
Left: 0;
Top: 0;
padding: 4px;
z-index: 100;}

.link1 {
Position: absolute;
top:110;
Left:170px;}

.link2 {
Position: absolute;
top:30;
Left:240px;}

.link3 {
Position: absolute;
top:110;
left:305px;}



.link1:hover {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
-webkit-transform:rotate(980deg);
-moz-transform:rotate(980deg);
-o-transform:rotate(980deg);
transform:rotate(1080deg);}

.link2:hover {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
-webkit-transform:rotate(980deg);
-moz-transform:rotate(980deg);
-o-transform:rotate(980deg);
transform:rotate(1080deg);}

.link3:hover {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
-webkit-transform:rotate(980deg);
-moz-transform:rotate(980deg);
-o-transform:rotate(980deg);
transform:rotate(1080deg);}





.slide {
Position: fixed;
Height: 555555;
Width: 555555;
Top: -20px;
Left: -750;
Z-index: -1;
Opacity: 0;
transition: 0.8s;
-moz-transition: 0.8s;
webkit-transition: 0.8s;
-o-transition: 0.8s;}

.slide:target {
left: 175px;
opacity: 1;
Z-index: 1;
transition: 0.8s;
-moz-transition: 0.8s;
webkit-transition: 0.8s;
-o-transition: 0.8s;}


#player{
position:fixed;
height: 55px;
width: 55px;
bottom:10;
left:23;
margin: auto;
z-index:99;}

#music1{
position:fixed;
padding:2px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;}

#music1:hover #music2{
opacity:0;
 margin-top:-25px;
z-index:-1;}

#music1:hover #music3{
opacity:0.7;
margin-top:-5px;
z-index:99;}

#music1:hover #musiclist{ opacity:1;}

#music2{
opacity:1;
background-color:#AD5C57;
padding:6px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;}

#music3{
opacity:0;
position:fixed;
background-color:#DC7770;
background-image: url('http://assets.clickmotive.com/Designs/LEMidnight/playButton.png');
background-repeat: no-repeat;
background-size: 25px;
border:1px dotted #b3b3e5;
width:25px;
height:25px;
z-index:99 margin-left:0px;
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;}


*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}


h1 {
Color: #AD5C57;
font-family: Harrington;
font-size:38px;
text-align: center;
text-shadow: 1px 1px 60px #DC7770, 0px 1px 0px #DC7770, -1px 0px 0px #DC7770, 0px -1px 0px #DC7770,0px 0px 50px #DC7770;;
Margin-top: 3px;}

 .circle{
border-radius:150px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
}

.circle:hover{
border-radius:0px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
}

::-webkit-scrollbar {
 width: 12px;
}

::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
 border-radius: 10px;
}

::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.5);
}


</style>

<div id="title">
Lil Zang
</div>

<div id="image"><img src="https://pre00.deviantart.net/3690/th/pre/i/2017/036/e/f/zangoose_gijinka_by_ixjackiexx-day2imi.png" height="650" width="395"></div>



<div class="navbar">
<a class="link1" href="#1"><img src="https://t00.deviantart.net/gdXMrmkHVJw_4g7R2ikpw6Rx9T0=/fit-in/150x150/filters:no_upscale():origin()/pre00/f109/th/pre/f/2013/044/b/0/love_ball_by_yakumokaiba-d5uuifg.png"width="auto" height="25"></a>
<a class="link2" href="#2"><img src="https://t00.deviantart.net/gdXMrmkHVJw_4g7R2ikpw6Rx9T0=/fit-in/150x150/filters:no_upscale():origin()/pre00/f109/th/pre/f/2013/044/b/0/love_ball_by_yakumokaiba-d5uuifg.png"width="auto" height="25"></a>
<a class="link3" href="#3"><img src="https://t00.deviantart.net/gdXMrmkHVJw_4g7R2ikpw6Rx9T0=/fit-in/150x150/filters:no_upscale():origin()/pre00/f109/th/pre/f/2013/044/b/0/love_ball_by_yakumokaiba-d5uuifg.png"width="auto" height="25"></a>
</div>

<div id="1" class="slide">
<div class="abox">
<h1>Lil Stats</h1>
<b>Name</b>. <font style= float:right></font><br>
<b>Race</b>. <font style=float:right></font><br>
<b>Age</b>. <font style=float:right></font><br>
<b>Gender</b>. <font style=float:right>Female.</font><br>
<b>Height</b>. <font style=float:right></font><br>
<b>Weight</b>. <font style=float:right></font><br>
<b>Hair Color</b>. <font style=float:right></font><br>
<b>Eye Color</b>. <font style=float:right></font><br>
<b>Orientaion</b>. <font style=float:right>Heterosexual.</font><br>
<b>Mated Status</b>. <font style=float:right>Single.</font><br>
<center>Gijinka test profile code.<br></center>

</div></div>

<div id="2" class="slide">
<div class="abox">
<h1>Lil OOC Info</h1>
Do not remove my credit.
</div></div>




</div></div>

<div id="title2">
@Coded by <a href="https://pastebin.com/u/Toxicandii" target="_blank">Toxicandii</a>
</div>

<div id="player"><div id="music1"><div id="music2">

<img src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" style="opacity: 0.8;"></div>

<div id="music3"><Div style="margin-top:4px;">

<audio controls style="opacity: 0;"><source src="AUDIO GOES HERE"></audio>