Chun Li 5

<style>
@import url(https://fonts.googleapis.com/css?family=Staatliches);
 @import url(https://fonts.googleapis.com/css?family=Amiko);
 @import url(https://fonts.googleapis.com/css?family=Dancing+Script);


/*B09F9C*/
::-webkit-scrollbar-thumb {
 width: 0px;
 background-color: #1C4863;}

::-webkit-scrollbar {
 width: 0px;
 background-color: transparent;}



 body {background-color: #bfbfbf;
background-image: url(), url();
background-attachment: fixed, fixed;
background-repeat: repeat, no-repeat;
background-size: 20%, 100% 100%, 0%;
background-position: 0% 0%, 60% 0%;
 background-attachment:tile; cursor: url(http://static.tumblr.com/obptcxj/QvHmo0l0g/cursor__6_.png), progress !important;}

.bar1 { background-color: #000; position: fixed; bottom: 510px; left: 350px; height: 1px; width: 70px;  z-index: 20; opacity: .5; transform: rotate(45deg);}

.bar2 { background-color: #000; position: fixed; bottom: 340px; left: 368px; height: 1px; width: 70px;  z-index: 20; opacity: .5; transform: rotate(160deg);}

.bar3 { background-color: #000; position: fixed; bottom: 380px; left: 505px; height: 1px; width: 70px;  z-index: 20; opacity: .5; transform: rotate(10deg);}

.bar4 { background-color: #000; position: fixed; bottom: 240px; left: 510px; height: 1px; width: 70px;  z-index: 20; opacity: ; transform: rotate(170deg);}

.bar5 { background-color: #000; position: fixed; bottom: 85px; left: 390px; height: 1px; width: 70px;  z-index: 20; opacity: ; transform: rotate(50deg);}


 .watertext {
color: #453B36;
 font-family: 'Staatliches';
 position: fixed;
 width: 40px;
 text-align: center;
 z-index: 2;
opacity:.5;

}

 .watertext:hover {opacity:1;
-webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
transition-delay: 0s;
overflow:auto;
}



 .topbox {
position: fixed;
background-color: #;
left: 248px;
bottom: 135px;
padding:2px;
color: #453B36;
font-family: Staatliches;
text-transform: uppercase;
Opacity: .5;
font-size: 15px;
width: 154px;
height: 200px;
overflow:auto;
border:0px Solid #3D3124;
}

  .topbox:hover {opacity:1;
-webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
transition-delay: 0s;
overflow:auto;
}

 .midbox {
position: fixed;
background-color: #;
left: 533px;
bottom: 236px;
padding:2px;
color: #453B36;
font-family: Staatliches;
text-transform: uppercase;
Opacity: .5;
font-size: 15px;
width: 154px;
height: 145px;
overflow:auto;
 border:0px Solid #3D3124;
}

 .midbox:hover {opacity:1;
-webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
transition-delay: 0s;
overflow:auto;
}

  .bottombox {
position: fixed;
background-color: #;
left: 240px;
bottom: 345px;
color: #453B36;
font-family: Staatliches;
text-transform: uppercase;
Opacity: .5;
font-size: 15px;
width: 157px;
height: 200px;
overflow:auto;
border:0px Solid #3D3124;
}


  .bottombox:hover {opacity:1;
-webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
transition-delay: 0s;
overflow:auto;
}

  .bottombox1 {
position: fixed;
background-color: #;
left: 540px;
bottom: 25px;
color: #453B36;
font-family: Staatliches;
text-transform: uppercase;
Opacity: .5;
font-size: 15px;
width: 160px;
height: 230px;
overflow:auto;
border:0px Solid #3D3124;
}

  .bottombox1:hover {opacity:1;
-webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
transition-delay: 0s;
overflow:auto;
}

  .bottombox2 {
position: fixed;
background-color: #;
left: 292px;
bottom: -26px;
color: #453B36;
font-family: Staatliches;
text-transform: uppercase;
Opacity: .5;
font-size: 15px;
width: 157px;
height: 148px;
overflow:auto;
border:0px Solid #3D3124;
}

  .bottombox2:hover {opacity:1;
-webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
transition-delay: 0s;
overflow:auto;
}

h1 {
background-color: #;
color: #453B36;
font-size: 15px;
font-family:Staatliches;
margin-top: 0px;
border-bottom: 0px solid #806242;
}


i, strong{ font-weight: normal; color: #E3A73B; font-family: Creepster; font-size: 3vh; }

a, a:link, a:visited { font-family: Staatliches; font-size: 15px; background-color transparent; color:#453B36; letter-spacing:0px; font-variant: none; text-decoration: none; }


 #ufuk {position: fixed;left: 300px;bottom: -30px;}
 #ufuk img {width: 355px355px;height: 550px;}

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

.circle3:hover{ border-radius:150px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); }

.hiddenimg {
  display: none;


}

.hiddentxt {
  font-weight: bold;
  color: #453B36;


}

.hiddentxt a {
  color: #F00;
  text-decoration: none;
}

.hiddenclick {
  font-weight: bold;
  color: #F00;
  text-decoration: none;
  cursor: pointer;
}

.hiddenclick a {
  color: #F00;
  text-decoration: none;
}

.hiddenclick a:visited {
  color: #F00;
  text-decoration: none;
}

.hiddentxt:hover ~ .hiddenimg {

  display: block;
}

p{
    margin:0px;
    float:center;
    position:relative;
    cursor:pointer;
}

p:hover span{
    display:block;

}

</style>

<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
<div class="bar4"></div>
<div class="bar5"></div>



<div id="ufuk"><img src="https://i.imgur.com/fxXus7G.png"></div>


 <div class="topbox">
<center><h1 title="Single"><p><span class="hiddentxt">Hard Abdomen</a></span><span class="hiddenimg"><img src="https://66.media.tumblr.com/0ee93c1e47f330e31b93ed9f18ad0600/tumblr_pq1cpy2ZFs1udqp1g_400.jpg" height="180" width="140" border="2px"    /></span></p></center>
</div></div>


<div class="Midbox">
<center><h1 title="Street Fighter"><p><span class="hiddentxt">Modest Bust</a></span><span class="hiddenimg"><img src="https://66.media.tumblr.com/9a058bd2e4b1b865dca2bcd265989c78/tumblr_pn9c5lS8sA1udqp1g_400.gif" height="100" width="100" border="2px"/></span></p></center>
</div></div>

<div class="bottombox">
<center><h1 title="Chun-Li"><p><span class="hiddentxt">Classic Buns</a></span><span class="hiddenimg"><img src="https://66.media.tumblr.com/d863c013a9dc873dcfeb99b1a54298d7/tumblr_p9bs3gqnt21w0nd23o1_1280.png" height="170" width="130" border="2px"/></span></p></center>
</div></div>

<div class="bottombox1">
<center><h1 title="Will Kick Your Ass"><p><span class="hiddentxt">Power Thighs</a></span><span class="hiddenimg"><img src="https://66.media.tumblr.com/cc1f0cdbf1e9e1bc9490b7f5f0da9136/tumblr_pj0jupV0291smketao1_640.jpg" height="200" width="150" border="2px"/></span></p></center>
</div></div>

<div class="bottombox2">
<center><h1 title="RL>IC"><p><span class="hiddentxt">Swift Feet</a></span><span class="hiddenimg"><img src="https://66.media.tumblr.com/5cec36a7d81705bda079ea048a652c3b/tumblr_phru8ljRKw1ruqwvco1_1280.png" height="90" width="100" border="2px"/></span></p></center>
</div></div>

 <div class="watertext" style="font-size:70px; bottom:460px;left:135px">
<center><b>C

</div>

 <div class="watertext" style="font-size:70px; bottom:390px;left:135px">
<center><b>H

</div>

 <div class="watertext" style="font-size:70px; bottom:320px;left:135px">
<center><b>U

</div>

 <div class="watertext" style="font-size:70px; bottom:250px;left:135px">
<center><b>N

</div>

 <div class="watertext" style="font-size:70px; bottom:110px;left:135px">
<center><b>L

</div>

 <div class="watertext" style="font-size:70px; bottom:30px;left:135px">
<center><b>I

</div>