jiro code wip

<style>
@import url('https://fonts.googleapis.com/css?family=Economica|Open+Sans+Condensed:300|ZCOOL+QingKe+HuangYou');


.pfor { display:none; }
body { background-image:url('');
	background-image:linear-gradient(#ff5b80, #ff5b80, #ff5b80);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:repeat;
	background-position:;
    overflow-x:hidden; }

::-webkit-scrollbar { width:5px; height:0px; background:; }
::-webkit-scrollbar-thumb { background-color:transparent; border:1px solid transparent;
-webkit-border-radius:10px; border-radius:10px; }

 #profile{ border:0px; background-color:transparent; }
*{cursor:url('https://i.imgur.com/edrNJk9.png'), default; }

#bg{ position:center; width:100%; height:100%; left:-115px; bottom:0px; }


#pic{ position:absolute;
   background-image:url('https://i.imgur.com/YM9Sfr9.png');
   background-position:0% 50%; background-size:500px;
   background-attachment: absolute;
   background-repeat:no-repeat;
   height:700px; width:500px;
   bottom:30px; left:375px;
   overflow:auto; opacity:1; }

#credit{ position:absolute;
   background-image:url('https://i.imgur.com/apae29v.png');
   background-position:0% 50%; background-size:130px;
   background-attachment: absolute;
   background-repeat:no-repeat;
   height:151px; width:130px;
   bottom:391px; left:410px;
   overflow:auto; opacity:1; transition:1s; }
   body:hover #credit{ opacity:0; transition-delay:1s; }

#bolt{ position:absolute;
   background-image:url('https://i.imgur.com/fAzxUHu.png');
   background-position:0% 50%; background-size:75px;
   background-attachment: absolute;
   transform: rotate(-99deg);
   background-repeat:no-repeat;
   height:135px; width:75px;
   bottom:385px; left:380px;
   overflow:auto; opacity:0; transition: 1.5s; }
   body:hover #bolt{ opacity:1; transition-delay: 1.5s; }

#bolt2{ position:absolute;
   background:transparent;
   height:135px; width:75px;
   bottom:385px; left:380px; }
   #bolt2:hover #box2{ opacity:1; transition-delay: 1.5s; }

#box1{ height:100px; width:190px;
	bottom:440px; left:210px;
    transform: rotate(-30deg);
    border-radius:20px;
    background:#e7a3b2;
	   color:#3f3569;
	   font-family:'open sans condensed',sans-serif;
	   font-size:13px;
	line-height:24px;
	letter-spacing:1px;
    text-transform:;
    text-align:justify;
	margin:0px 5px 0px; padding:22px;
	position:absolute;
   overflow:; opacity:.0; transition: 1.5s;  }
   body:hover #box1{ opacity:1; transition-delay: 1.5s; }


u { background-color:#3f3569;
color:#fff;
padding:1px;
text-transform:uppercase;
text-decoration:none; }

a { background-color:#864685;
color:#fff;
padding:1px;
text-transform:uppercase;
text-decoration:none; }
a:hover { background-color:transparent;
    color:#864685;
    font-weight:bold;
	text-decoration:none;
    cursor: url('https://i.imgur.com/edrNJk9.png'), default;
	transition: .2s;}

</style>
<body>


<div id="pic"></div>
<div id="credit"></div>
<div id="bolt"></div>
 <div id="box1">

 <u>kyoka jiro.</u>
 <u>16.</u>
 <u>earphone jack.</u>

 <br>

 <u>5'0".</u>
 <u>u.a. high,</u>
 <u>class 1-a.</u>

 <br>
 <center><b>“ THE END OF VILLAINS ”</b></center>

 <font style="float:right">
 <a target="_blank" href="https://roleplay.chat/profile.php?user=PRESENT+MIC">mentor or whatever</a>
 <a target="_blank" href="https://roleplay.chat/profile.php?user=STUNGUN">pikachu</a>
 </font>

 </div>

</body>