Yukako profile

<style>
/*code for yukako I'm seeing you here trying to steal it >>*/

@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Indie+Flower|Pacifico|Shadows+Into+Light');

body{
 overflow: hidden;
 background-color:#7971bb;
 background-size:cover;
}

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

#yukakomain{
background-image:url('http://i.imgur.com/Z4RBbeg.png');
background-size:100%;
width:300px;
height:300px;
position:fixed;
bottom:0%;
left:52%;
margin-left:-190px;
z-index:10;
}

#mainbox{
width:580px;
height:299px;
background-color:#647373;
position:fixed;
top:30%;
left:50%;
margin-left:-290px;
margin-top:-150px;
opacity:0;
-webkit-box-shadow: 10px 10px 46px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 46px -10px rgba(0,0,0,0.75);
box-shadow: 10px 10px 46px -10px rgba(0,0,0,0.75);
z-index:2;
transition:all 1s ease-in;
transition-delay:999999s;
}

body:hover > #mainbox {
opacity:0.90;
transition-delay:2s;
}

#one{
overflow:auto;
background-color:#fff160;
width:560px;
height:80px;
position:fixed;
top:14.3%;
left:50.5%;
margin-left:-292px;
margin-top:-50px;
text-align:right;
color:#000;
font-size:10pt;
z-index:1;
font-family: 'Indie Flower', cursive;
border:solid 1px #fff;
padding:5px;
line-height: 12px;
}

#yukakoinfo{
width:580px;
height:100px;
position:fixed;
top:14%;
left:50%;
margin-left:-290px;
margin-top:-50px;
background-image:url('http://i.imgur.com/DAmTwKk.png');
background-size:100%;
z-index:2;
opacity:1;
transition:all 1s ease-in;
transition-delay:1s;
}

#one:hover #yukakoinfo {
opacity:0;
z-index:-1;
transition-delay:100ms;
transition:all 1s ease-in;
}

#two{
overflow:auto;
background-color:#0056f1;
width:560px;
height:80px;
position:fixed;
top:30%;
left:50.5%;
margin-left:-292px;
margin-top:-45px;
text-align:left;
color:#dadada;
font-size:10pt;
z-index:1;
font-family: 'Indie Flower', cursive;
border:solid 1px #fff;
padding:5px;
line-height: 10px;
}

#yukako2{
width:580px;
height:100px;
position:fixed;
top:30%;
left:50%;
margin-left:-290px;
margin-top:-50px;
background-image:url('http://i.imgur.com/s4LY5h5.png');
background-size:100%;
z-index:1;
opacity:1;
transition:all 1s ease-in;
transition-delay:1s;
}

#two:hover #yukako2 {
opacity:0;
z-index:-1;
transition-delay:100ms;
transition:all 1s ease-in;
}

#three{
overflow:auto;
background-color:#ff018d;
width:560px;
height:80px;
position:fixed;
top:46%;
left:50.5%;
margin-left:-292px;
margin-top:-45px;
text-align:left;
color:#dadada;
font-size:10pt;
z-index:1;
font-family: 'Indie Flower', cursive;
border:solid 1px #fff;
padding:5px;
line-height: 10px;
}

#yukako3{
width:580px;
height:100px;
position:fixed;
top:46%;
left:50%;
margin-left:-290px;
margin-top:-50px;
background-image:url('http://i.imgur.com/V6T2whI.png');
background-size:100%;
z-index:1;
transition:all 1s ease-in;
transition-delay:1s;
}

#three:hover #yukako3 {
opacity:0;
z-index:-1;
transition-delay:100ms;
transition:all 1s ease-in;
}

#btnControl {
 display: none;
 z-index:1;
}

.btn {
 width:580px;
height:301px;
background-color:#647373;
position:fixed;
top:30%;
left:50%;
margin-left:-290px;
margin-top:-150px;
opacity:1;
z-index:3;
background-image:url('http://i.imgur.com/XYRMjPD.png');
background-repeat:no-repeat;
background-position:center;
background-size:20%;
transition:1.5s;
}


.btn:active {
 transition:1.5s;
 z-index:1;
}

#btnControl:checked + label {
 opacity:0;
 z-index:1;
 top:-50%;
}


#branches{
width:100%;
height:15px;
background-image:url('http://i.imgur.com/Sh1RZq6.png');
background-repeat:-repeat;
background-size:50%;
position:fixed;
left:0%;
top:30%;
z-index:1;
transition:all 1s ease-in;
transition-delay:999999s;
opacity:0;
}

body:hover > #branches {
opacity:1;
transition-delay:1s;
}

#branches2{
width:100%;
height:15px;
background-image:url('http://i.imgur.com/Sh1RZq6.png');
background-repeat:-repeat;
background-size:50%;
position:fixed;
left:0%;
top:30%;
z-index:1;
transform: rotate(45deg);
transition:all 1s ease-in;
transition-delay:999999s;
opacity:0;
}

body:hover > #branches2 {
opacity:1;
transition-delay:1.5s;
}

#branches3{
width:100%;
height:15px;
background-image:url('http://i.imgur.com/Sh1RZq6.png');
background-repeat:-repeat;
background-size:50%;
position:fixed;
left:0%;
top:30%;
z-index:1;
transform: rotate(-45deg);
transition:all 1s ease-in;
transition-delay:999999s;
opacity:0;
}

body:hover > #branches3 {
opacity:1;
transition-delay:1.5s;
}

h1{
font-size:12pt;
color:#000;
text-decoration:underline;
font-family: 'Gloria Hallelujah', cursive;
text-align:Left;
line-height:0px;
}

h2{
font-size:12pt;
color:#000;
text-decoration:underline;
font-family: 'Gloria Hallelujah', cursive;
line-height:0px;
}

h3{
font-size:12pt;
color:#dadada;
text-decoration:underline;
font-family: 'Gloria Hallelujah', cursive;
line-height:5px
}


b {
 color:#DA5DFF;
 font-size:12px;
 letter-spacing:1px;
 font-style:italic;
 text-shadow:#fff -1px 0px,#fff 0 1px,#fff 1px 0px,#fff -1px;}

a {
 text-decoration:none;
 font-style:normal;
 color:#bababa;
 letter-spacing:0px;
 text-shadow:1px 1px 0 #000;
 transition:all 1s ease-in;
 }

a:hover {
 text-decoration:none;
 color:pink;
}


</style>

<div id="yukakomain">
</div>

<div id="mainbox">
<input type="checkbox" id="btnControl"/>
<label class="btn" for="btnControl"></label>
<div id="one">
<font style="float:left;"><h1>Basic</h1></font> <h2>Physique</h2><br>
<font style="float:left;">Name ❤ Yukako Yamagishi</font> height ❤ 5'4 <br>
<font style="float:left;">Age ❤ 18</font> weight ❤ less <br>
<font style="float:left;">Nicknames ❤ ✩~Koichi's Perfect Lover~✩</font> hair ❤ black <br>
<font style="float:left;">Gender ❤ Femme </font> eyes ❤ purple<br>
<font style="float:left;">Nationality ❤ Japanese </font> skin ❤ fair <br>
<font style="float:left;">Job ❤ Student/model </font> thing ❤ thing<br>
<font style="float:left;">Stand ❤ Love Deluxe </font> butt ❤ big (and koichi's)<br>
<font style="float:left;">Interest ❤ Koichi </font> voice ❤ as sweet as dynamite<br>
<font style="float:left;">Paramour ❤ <a href="https://roleplay.chat/profile.php?user=Hirose+Koichi"> Koi-kun~~~~ </a> </font> <br>
<div id="yukakoinfo">
</div>
</div>

<div id="two">
<h3> Something </h3><br><br>
Write something here.
<div id="yukako2">
</div>
</div>
<div id="three">
<h3> OOC </h3>
<b>00</b> this code was made by <a href="https://roleplay.chat/profile.php?user=Hirose+Koichi"> Koichi </a> for me, send him PM if you want commissions. ❤
<b>00</b> this code was made by <a href="https://roleplay.chat/profile.php?user=Hirose+Koichi"> Koichi </a> for me, send him PM if you want commissions. ❤
<div id="yukako3">
</div>
</div>
</div>

<div id="branches">
</div>
<div id="branches2">
</div>
<div id="branches3">
</div>