mina help..?

<script defer>
window.onload = function() {
var isCtrl = false;
document.onkeyup=function(e)
{
 if(e.which == 17)
 isCtrl=false;
}
document.onkeydown=function(e)
{
 if(e.which == 17)
 isCtrl=true;
 if((e.which == 85) || (e.which == 67) && (isCtrl == true))
 {
 return false;
 }
}
var isNS = (navigator.appName == "Netscape") ? 1 : 0;
if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
function mischandler(){
 return false;
}
function mousehandler(e){
 var myevent = (isNS) ? e : event;
 var eventbutton = (isNS) ? myevent.which : myevent.button;
 if((eventbutton==2)||(eventbutton==3)) return false;
}
document.oncontextmenu = mischandler;
document.onmousedown = mousehandler;
document.onmouseup = mousehandler;

 if (document.addEventListener) { // IE >= 9; other browsers
 document.addEventListener('contextmenu', function(e) {
 alert(" Swiper No Swiping!"); //here you draw your own menu
 e.preventDefault();
 }, false);
 } else { // IE < 9
 document.attachEvent('oncontextmenu', function() {
 alert("O sun, abide to death.");
 window.event.returnValue = false;
 });
 }
};
</script>
<style type="text/css">

@font-face {
 font-family: 'Creepster';
 font-style: normal;
 font-weight: 400;
 src: local('Creepster'), local('Creepster-Regular'), url(https://fonts.gstatic.com/s/creepster/v7/AlZy_zVUqJz4yMrniH4Rcn35.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
font-family: verdana;
font-size: 10px;
background-color: #FFCAC4;
background-image: url('');
background-attachment: fixed;
background-position: bottom left;
background-repeat: repeat;
text-align: justify;
color: #070707;
cursor: url('http://i.imgur.com/pg9xw.png'), default;
}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size: 10px; color: #363640; font-weight:normal; letter-spacing: -1px;}
i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:9pt; letter-spacing:0px}
u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
s {color: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
big {color: #D1A834; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family: Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #491F1D 0px 0px 1px;}
small {color: #3B2F7F; font-size: 18px; font-weight: light; letter-spacing: -1px; font-family: verdana; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

::-webkit-scrollbar-button:vertical:{background-color: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}


@font-face { font-family: caviar dreams; src: url(https://dl.dropboxusercontent.com/s/jmybjb3qrzs0z19/Caviar.ttf); }

h1 {
font-family: caviar dreams;
color: #606060;
font-size: 18px;
line-height: 5px;
text-transform: uppercase;
text-align: left;
letter-spacing: 1px; }

h2 {
color: #606060;
font-size: 7px;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
text-transform: uppercase;
line-height: 15px;
text-align: right;
border-top: 1px dashed #CF738C;
font-weight: 100;
letter-spacing: 3px; }

.name {position: absolute;
font-family: 'Creepster';
color: #fff;
font-size: 6vw;
top: 7vw;
left: 27vw;
width: 50vw;
height: 9vw;
border: 0px solid #000;
text-align: justify;
text-shadow: -1px 0 #c0c0c0, 0 1px #000,1px 0 #000, 0 -1px #c0c0c0;
overflow: auto;
padding:5px 5px 5px 5px;
z-index: 2;}

.title { background: transparent;
background:url('https://media2.giphy.com/media/Ajk6RBD5KI3EA/source.gif') repeat;
background-position: center;
position: absolute;
font-family: 'Creepster';
font-size: 6vw;
top: 7vw;
left: 27vw;
width: 50vw;
height: 9vw;
text-align: justify;
padding:5px 5px 5px 5px;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
z-index: 3;}

#square {
position: fixed;
top: 180px;
left: 368px;
width: 600px;
height: 253px;
border: #CF738C 1px solid;
padding: 10px;
background-color: #ededee;
z-index: 5;
}

#image {
position: fixed;
top: 0px;
left: 688px;
width: 291px;
height: 525px;
padding: 10px;
background-color: transparent;
z-index: 5;
}

#navi {
position: fixed;
top: 361px;
left: 113px;
width: 440px;
height: 50px;
padding: 10px;
background-color: transparent;
z-index: 30;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}

.box {
position: fixed;
left: 370px;
top: 182px;
width: 400px;
height: 262px;
padding: 5px;
color: #777777;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
background-color: transparent;
opacity: 0;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
z-index: 50;
}

.box:target {
top: 182px;
left: 370px;
opacity: 1;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
z-index: 100;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
text-decoration: none;
color: #000;
display: inline-block;
width: 56px;
height: 15px;
color: #4565A0;
border: #CF738C 1px solid;
margin: 5px;
background-color: #ededee;
text-align: center;
line-height: 10px;
font-size:10px;
cursor: url(http://i.imgur.com/7I87qN0.png), default;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-moz-border-radius-topright: 1px;
-moz-border-radius-bottomright: 1px;
}

a.nav:hover{
background-color: #FFD8DB;
color: white;
text-decoration: none;
cursor: url(http://i.imgur.com/7I87qN0.png), default;
}


.RE {
height: 63px;
width: 63px;
margin-left: 5px;
margin-top: 4px;
border: #CF738C 1px solid;
opacity: 0.7;
cursor: url('http://i.imgur.com/7I87qN0.png'), default;
}

 div.tooltipMessage {
 z-index: 600;
 position: absolute;
 width: 220px;
 font-family: verdana;
 font-size: 10px;
 text-align: justify;
}
div.tooltipMessage > span {
 display: inline-block;
 background: #ffffff;
 padding: 4px 5px;
 color: #f6acbd;
 border: 4px double #f6acbd;
}
div.tooltipMessage.left > span {
 float: right;
}
</style>
</head>
<body>
<div class="name">Acidic by Nature</div>
<div class="title">Acidic by Nature</div>
<div id="square"></div>

<div id="navi">
<a class="nav" href="#one"></a>
<a class="nav" href="#two"></a>
<a class="nav" href="#three"></a>
<a class="nav" href="#four"></a>
</div>

<div id="image"><img src="https://cdn.discordapp.com/attachments/553421046343139328/670105603234070558/fixed.png"></img></div>



<div id="one" class="box">
<h1> Guildelines </h1>
<h2>Rules to abide by.</h2>

✦ Profile code is <a target="_blank" href="https://roleplay.chat/profile.php?user=Ochako%20Uraraka" target="_blank">HERE</a> If you are looking for codes, inquire to her! ✦<br><br>
 <br>01. IC =/= OOC.
 <br>02. Smut is more likely with story, but I am not against it otherwise.
 <br>03. PM Friendly.
 <br>04. Typist is forgetful, so save posts.
 <br>05. 8 years RP experience, 3 on RPC.
 <br>06. Discord/Skype is earned.
 <br>07. Anything else that does not belong to me is the rightful property of their creators, etc. etc.
 <br>08. Any questions, comments or concerns? Please don't hesitate to PM me.

</div>


<div id="two" class="box">
<h1> Dossier </h1>
<h2>About the Heroine.</h2>

<font style=float:left><b> Name </b></font> <font style=float:right> Uraraka Ochako ( <i>麗日お茶子</i> ).</font><br>
<font style=float:left><b> Alias </b></font> <font style=float:right> Uravity ( <i>ウラビティ Urabiti</i> ).</font><br>
<font style=float:left><b> Quirk </b></font> <font style=float:right> Zero Gravity.</font><br>
<font style=float:left><b> Nicknames </b></font> <font style=float:right> Ochachan, Ura, Urara, Round-Face / Angel-Face, Pink Cheeks.</font><br>
<font style=float:left><b> Gender </b></font> <font style=float:right> Femme.</font><br>
<font style=float:left><b> Birthdate </b></font> <font style=float:right> December 27.</font><br>
<font style=float:left><b> Zodiac </b></font> <font style=float:right> Capricorn.</font><br>
<font style=float:left><b> Bloodtype </b></font> <font style=float:right> B.</font><br>
<font style=float:left><b> Age </b></font> <font style=float:right> Fifteen.</font><br>
<font style=float:left><b> Hair </b></font> <font style=float:right> Chocolate.</font><br>
<font style=float:left><b> Eyes </b></font> <font style=float:right> Pudding.</font><br>
<font style=float:left><b> Height </b></font> <font style=float:right> 156cm (5'1").</font><br>
<font style=float:left><b> Weight </b></font> <font style=float:right> 43kg (95lbs). </font><br>
<font style=float:left><b> Status </b></font> <font style=float:right> Training to be a hero!</font><br>
<font style=float:left><b> Lean </b></font> <font style=float:right> Demiromantic.</font><br>
<font style=float:left><b> Paramour </b></font> <font style=float:right> <a target="_blank" href="https://roleplay.chat/profile.php?user=Katsuki+Bakugou" title="" style="color:#000000;text-decoration:none">Supernova.</a></font><br><br/>

</div>

<div id="three" class="box">
<h1> To be a hero... </h1>
<h2>Who saves people with a smile.</h2>

Ochako can be described like her quirk; galaxies and cosmic energy brimming with endless light and fire-flung stars. She's anticipation and endearing. Bright and caring. Loving, exciting, and fiercely determined. In the midst of it all, everything was for her beloved parents. She wanted to give them a life of luxury and isn't shy about it when asked what her goal is. Like gravity, she can lift others up on the darkest days and wears a calm, welcoming smile. <br><br>Her energy is contagious, moving even the most stubborn of comrades to dance in her light. Behind it all? A true heroine, filled with hell fire and ferocity. Though at times aloof and naive, she's very intelligent and learned a great deal through training and the company she keeps. Her only limit seems to be stamina; if Ochako pushes herself too hard, she's forced to the brink of exhaustion, nausea, and even further complications. Able to befriend just about anyone with that adorable visage, she'll trap them in her gravitational pull and protect them in her orbit burning with supernovas. <b>Very</b> blunt. <i>( Scroll ↓ for more info! )</i><br><br><b><u>Quirk / Abilities</u></b><br><br><b>Zero Gravity ( <i>無重力ゼログラビティ</i> ).</b> Ochaco's Quirk gives her the power to manipulate gravity, such as making objects weightless or making objects float upon touching them. With this Quirk, she is also able to fly, though this ability is limited. A drawback to this Quirk that if it is used too much (around three tons) or if she makes herself float, she will suffer from nausea and possibly vomit as a result.<br><br>
<b>Skill Release (<i> 解除 </i>).</b> Ochaco presses her finger tips together and makes whatever she has touched stop floating.<br><br>
<b>Home Run Comet ( <i>彗星ホームラン </i>).</b> After applying her Quirk's power of making objects weightless to some rubble and a pillar, Ochaco then uses the pillar to hit the rubble at her enemy.<br><br>
<b>Hand-to-Hand Combat.</b> Ochako knows many forms of grappling, take downs and throws. She is skilled in martial arts and can easily dispatch an opponent that tries to stab her or to incapacitate them.<br><br><b><u>Stats</b></u><br><br> Power: 2 / 5 ( D )<br>Speed: 1 / 5 ( E )<br>Technique: 5 / 5 ( A )<br>Intelligence: 3 / 5 ( C )<br>Cooperativeness: 5 / 5 ( A )
</div>

<div id="four" class="box">
<h1> Teammates </h1>
<h2>i've got your back.</h2>
<a class="tooltip" title="<h1>Deku!</h1><h2>My Best Friend.</h2><br> Deku, my best friend and most trusted fighting partner.
He's a little down on himself sometimes, but I know there's something more.
I'll stand by his side and cheer him on for as long as I can!" href="profile.php?user=Izuku Midoriya" target="_blank"><img src="http://i.imgur.com/bXRzt0e.png" alt="" height="50/" /></a>

<a class="tooltip" title="<h1>Bakkun!</h1><h2>Hothead Boyfriend.</h2><br> I still call him Bakkun, and through time and hard work we've established an unbreakable bond of trust and love. He's my partner in crime and I wouldn't have it any other way!" href="profile.php?user=Katsuki Bakugou" target="_blank"><img src="http://i.imgur.com/7ejNnPU.jpg" alt="" height="50/" /></a>

<a class="tooltip" title="<h1>Tsu!</h1><h2>My Other Best Friend.</h2><br>Asui-chan! She's my best friend.
Well, her and Deku are both my my best friends.
I really love spending time with her.
We have so much fun together!
She also likes to tease me." href="profile.php?user=Froppy" target="_blank"><img src="https://i.imgur.com/jeZK3mb.png" alt="" height="50/" /></a>

<a class="tooltip" title="<h1>Momo!</h1><h2>Creative Princess.</h2><br> Momo is such a sweet person! She's the one with the most level head, always the voice of reason, and takes it upon herself to watch over everyone. She also makes the best things and is my cooking student! I enjoy spending time with her, she's super smart and pretty!" href="profile.php?user=Yaoyorozu+Momo" target="_blank"><img src="https://i.imgur.com/brZG3x2.png" alt="" height="50/" /></a>

<a class="tooltip" title="<h1>Kyouka!</h1><h2>Hearing Hero.</h2><br> Another great friend! She totally rocks, and not just because it's her favorite music either! We don't talk too often because she's more on the shy side, but I admire her strength and determination to always strive to be better. She also has such a talent when it comes to music!" href="profile.php?user=Jiro+Kyoka" target="_blank"><img src="https://i.imgur.com/8zxDtx8.png" alt="" height="50/" /></a>

<a class="tooltip" title="<h1>Senpai!</h1><h2>Baking buddy.</h2><br> Cherry-senpai is such a great person! She's very blunt and doesn't take anyone's shenanigans. She's also another baker like me, I hope we can bake more together in the future! I look up to her for her amazing talents." href="profile.php?user=Cherry+Li" target="_blank"><img src="https://i.imgur.com/rmfmTzP.png" alt="" height="50/" /></a>

</a><br><br><center><b><u>Headcanons</b></u><br><br>o1. Ochako has become dependent on baking as an emotional calm. She enjoys baking basically anything.<br>o2. Because of her mothers teachings, she's also a really great cook too, dabbling in lots of recipes. Basically all around handy in the kitchen.<br>o3. Ochako hides her embarrassment by averting her gaze. If she's feeling shy or nervous, generally she won't look you in the eye.
</div>
</body>