Untitled

<html>
<body>
<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(" Try asking RageQxeen for her codes instead."); //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">

@import url(https://fonts.googleapis.com/css?family=Patua+One|Cinzel|Cinzel+Decorative);

html, body {
background-color: #4f666a;
background-image: url("https://media.giphy.com/media/3ohhwutQL0CDTq3kKA/giphy.gif");
}

::-webkit-scrollbar-button:vertical:{
background-color: #transparent;}

::-webkit-scrollbar-thumb:vertical {
background-color:#transparent;
height:150px;}

::-webkit-scrollbar-thumb:horizontal {
background-color:#transparent;
height:60px;}


::-webkit-scrollbar {
height:60px;
width:5px;
background-color:#transparent;}

#image {
width: 32vw;
margin: 0px;
border: none;
height: 47vw;
background-color:transparent;
position: absolute;
right: 24.5vw;
bottom: -10vw;
background-image:url("http://i.picpar.com/Ac4e.png");
background-repeat:no-repeat;
background-position: bottom;
background-size: 100%;
z-index: 2;
-webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -o-transition: 0.5s linear;
 transition: 0.5s linear;
}

#image:hover {
 background-image:url("http://i.picpar.com/Bc4e.png");
 background-repeat:no-repeat;
 background-position: bottom;
 background-size: 100%;
 -webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -o-transition: 0.5s linear;
 transition: 0.5s linear;
 }

#container {
background-color: transparent;
width: 80vw;
height: 30vw;
margin:auto;
position: absolute;
padding: 5px;
right: 10vw;
bottom: 10vw;
z-index:1;
border: solid 4px #c0c0c0;
}

#content {
background-color:#c0c0c0;
width: 25vw;
height: 28vw;
margin:auto;
position: absolute;
padding: 5px;
font-family: 'Patua One', cursive;
font-size: 18px;
color: #000;
left: 1vw;
bottom: 1vw;
z-index:1;
border: #000000 solid 2px;
}

#content2 {
background-color:#c0c0c0;
width: 25vw;
height: 28vw;
margin:auto;
position: absolute;
padding: 5px;
font-family: 'Patua One', cursive;
font-size: 18px;
color: #000;
right: 1vw;
bottom: 1vw;
z-index:1;
border: #000000 solid 2px;
}

#nav {
background-color: transparent;
width: 14vw;
height: .5vw;
margin:auto;
position: absolute;
left: 1vw;
top: -2.7vw;
z-index:3;
}

#nav a, #nav a:link, #nav a:visited {
display:inline-block;
height: 1vw;
width: 1vw;
text-align: center;
font-family: 'Aref Ruqaa';
font-size: 15px;
text-decoration: none;
color: #000;
background: #68707c;
margin: 5px;
background-image: url("https://i.imgur.com/oJUsgm3.png");
border: double #000 5px;
border-radius: 50px;
-webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -o-transition: 0.5s linear;
 transition: 0.5s linear;
}

#nav a:active, #nav a:hover {
display:inline-block;
height: 1vw;
width: 1vw;
text-align: center;
font-family: 'Aref Ruqaa';
font-size: 15px;
text-decoration: none;
color: #c0c0c0;
background: #9eaed6;
margin: 5px;
background-image: url("https://i.imgur.com/oJUsgm3.png");
border: double #778899 5px;
border-radius: 50px;
-webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -o-transition: 0.5s linear;
 transition: 0.5s linear;
}


.name {position: absolute;
font-family: 'Cinzel Decorative';
color: #fff;
font-size: 4vw;
top: -4.5vw;
right: 2.5vw;
width: 22vw;
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://31.media.tumblr.com/d5383c4345000c565d406d280614ed39/tumblr_n6i1p0QzVs1sgk0tao1_500.gif') repeat;
background-position: center;
position: absolute;
font-family: 'Cinzel Decorative';
font-size: 4vw;
top: -4.5vw;
right: 2.5vw;
width: 22vw;
height: 9vw;
text-align: justify;
padding:5px 5px 5px 5px;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
z-index: 3;}

.alias {position: absolute;
font-family: 'Cinzel';
color: #daa520;
font-size: 2vw;
bottom: -3vw;
left: 19.5vw;
width: 40vw;
height: 2.8vw;
border: 0px solid #000;
text-align: center;
text-shadow: -1px 0 #c0c0c0, 0 1px #000,1px 0 #000, 0 -1px #c0c0c0;
overflow: auto;
padding:5px 5px 5px 5px;
z-index: 7;}

i{color: #013220;}
b{color: #000;}
a{color: #444; text-decoration: none;}
h1{border-bottom: 1px solid #000; text-align: center; font-size: 40px; font-family: 'Cinzel', cursive; color: #000;}
h2{border-bottom: 1px solid #000; text-align: left; font-size: 30px; font-family: 'Cinzel', cursive; color: #000;}
h3{text-align: right; font-size: 25px; font-family: 'Cinzel', cursive; color: #000;}
</style>
<div id="container">

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

<div class="name">La Larona</div>
<div class="title">La Larona</div>
<div class="alias">Villain of my own Story</div>

<div id="image"></div>

<div id="content">
<div style="width: 25vw; height: 28vw; overflow-y: hidden;">

<a name="one"></a>
<div style="width: 25vw; height: 28vw; overflow: auto;" align="center">
<span style="float:left;"><b>Name</b></span><span style="float:right;">Shizume Okino</span><br>
<span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"><a title="
Luviaje">hover</a></span><br>
<span style="float:left;"><b>Professional Name</b></span><span style="float:right;">La Larona</span><br>
<span style="float:left;"><b>Gender</b></span><span style="float:right;">Female</span><br>
<span style="float:left;"><b>Age</b></span><span style="float:right;">29</span><br>
<span style="float:left;"><b>Race</b></span><span style="float:right;">Human</span><br>
<span style="float:left;"><b>Voice</b></span><span style="float:right;"><a target="_blank" href="https://youtu.be/KrnqmT3_ckI?t=9" target="_blank">Click~</a></span><br>
<span style="float:left;"><b>Occupation</b></span><span style="float:right;">Nurse</span><br><br>
<span style="float:left;"><b>Height</b></span><span style="float:right;">5ft 7inches</span><br>
<span style="float:left;"><b>Weight</b></span><span style="float:right;">140lbs</span><br>
<span style="float:left;"><b>Eyes</b></span><span style="float:right;">Gold</span><br>
<span style="float:left;"><b>Hair</b></span><span style="float:right;">Curly Black</span><br>
<span style="float:left;"><b>Build</b></span><span style="float:right;">Full, hourglass figure</span><br><br>
<span style="float:left;"><b>Orientation</b></span><span style="float:right;">Fluid</span><br>
<span style="float:left;"><b>Relationship</b></span><span style="float:right;">Widowed</span><br>
<span style="float:left;"><b>Affiliation</b></span><span style="float:right;">N/A</span><br><br><br>
<br><br>
</div>

<a name="two"></a>
<div style="width: 25vw; height: 28vw; overflow: auto;" align="left">
<h1>Combat</h1>
<span style="float:left;"><b>Cooperation</b></span><span style="float:right;">●○○○○</span><br><br>
<span style="float:left;"><b>Power</b></span><span style="float:right;">●●●○○</span><br><br>
<span style="float:left;"><b>Speed</b></span><span style="float:right;">●●●●●</span><br><br>
<span style="float:left;"><b>Intelligence</b></span><span style="float:right;">●●○○○</span><br><br>
<span style="float:left;"><b>Technique</b></span><span style="float:right;">●●●●○</span><br><br>

<h2>Quirk</h2>
<b>Quirk Name:</b> <br><br>
<b>Quirk Type:</b> Emitter<br><br>
<b>Quirk Description:</b> Her quirks allows her to teleport, using pools of water as the access point.
<br>

<b>Drawbacks:</b>
<b>Drawbacks</b> The Pools need to be fresh water. She is unable to appear through bodies of salt water. Fresh water, rain water are good though. She also has to have a rough estimation of the size of the body of water. The water must also have a larger surface area then 2ft in diameter, allowing proper exit and entry. She also must know the location of the body of water. </p>
<p>Her mental state very much effects travel. Due to her fractured mental health she is no longer able to take others with her safely through the pools. Often causing them to suffocate from the shift, and show similar signs as if they had drowned. </p>
<br><br>
<br>

<h3>Equipment</h3>
N/A
</div>


<a name="three"></a>
<div style="width: 25vw; height: 28vw; overflow: auto;" align="center">
<h1>History</h1>
Shizume was born and raised in the United States, to her father Kei Okino, and her mother Emygdia Segundo. Their tale was nothing special. Her mother was a social worker, her father a police officer, the two met on the job and hit it off pretty well. She is the third of five children.The middle to be exact, and one of two girls. Her being the youngest daughter though. There was nothing traumatic regarding her history. Nothing earth Shattering. Nothing to shape the tragedy that was to happen later in Little Shizume's life. </p>
<p>When she was about twelve years old her and the rest of her family had picked up and relocated to a large Japanese city along the coast,to be closer to her paternal grandparents.  The shift in culture and language didn't prove too much of a hassel for Shizume or her siblings. She even went as far as to enroll in Shiketsu Highschool. </p>

<p>She would actually make it top of her year in fact. She had the potential to move on and up in the world. After graduation due to the versatility of her her quirk control she had she was able to rise up fairly quickly. Not quite breaking into the top ten though.  Shortly after starting her hero career, she would meet the love of her life. Watanabe Satoshi, yet another hero, who worked at the same agency as her, who's quirk allowed him the ability to project his memories or thoughts onto any device with a screen.  The two often worked together as a team. He was one of the keys to her success. And they worked well in and out of the field. The two became engaged, some say it was a move to boost her popularity. However it was clear whether it was power move or planned engagement for publicity the two were close. </p>

<p>A couple of months after their engagement, the dominos started to fall. During a mission Satoshi suffered a grave injury that caused him severe brain damage. Rending him to a barely functional human being. During the same mission Shizume also received minor injuries. And while being treated she also found out she was pregnant. Her heart broke. Not because of the pregnancy. No, she would have cried for joy... She would have been happy normally. She was going to be a mother. But... Satoshi... His state, it broke her heart. While he hadn't died she felt as if it was all lost. But she had to buckle up, and do the best she could. She took herself out of Hero work shortly after her recovery. Opting to do desk work, and keeping herself out of the lime light to avoid greater stress. All while trying to perform media control. Preventing Satoshi's retirement and reasons for it, from reaching the public, along with keeping her own situation a secret. </p>

<p>She had this. She managed to keep it undercontrol. Especially with the help of her family and colleges. When the bump started to show she continued to wear baggy clothes. but concealing her baby bump could only last so long. When it became too much she opted to take a temporary leave from her job. Her status as pregnant was handled with great respect.  And it wasn't until she was seven eight months along did the news spread. Word also eventually got out in order to quell the rumors that surfaced about Shizume and Satoshi. Rumors swelling around included things such as adultery, foul play, Conspiracy theories of the wild sort. Alien?! Seriously.</p>

<p>Shizume gave birth to a healthy baby girl, Kazue Giving her her own family name as opposed to Satoshi's sadly just to avoid further conflict or confusion. Shortly before Kazue's first birthday, Satoshi unfortunately passed away due to complications with his injuries This left Shizume in a state of utter depression. While she knew Satoshi would never recover and regain his faculties after his accident she still loved him. Her heart ached. And looking at Kazue didn't help. However, she felt she needed to be strong. She needed to pick up and be strong. For Kazue. But everytime she looked at her she saw Satoshi.... It ached. It hurt so much. </p>

<p>Finally after taking off a couple of years of staying out of the field to raise Kazue, Shizume returned to work.  Not even the first day back though, disaster struck. The weather had alreadybeen fairly rough due to typhoon season.And it was storming greatly. But it seemed an earth quake threatened the coastal city Shizume called home. </p>
<p>After the first tremor, the number of heroes present in the city increased greatly.Working to remove debris and rescue people trapped in now damaged buildings. The heavy rain pouring around them did no favors for the rescue and evacuation process.</p>

<p>During the disaster Shizume was along side the pros, her quirk helped her rescue a large number of people. She was however starting to feeling exhausted due to the repeat usage. The rain though helped offer her access to spaces most of hte heroes couldn't go with out causing further damage. </p>

<p> She was able to rescue all those trapped... with the exception of two. During this diaster, Kazue had been in the care of Shizume's elder sister Sachiko. The apartment building both Sachiko and Shizume lived within had been fairly close to the epicenter of the quake. The building itself was still extremely new, so not many people had taken residence up in it yet. Sachiko and Shizume had been some of the first tenants to even move it. </p>

<p>Shizume... Was unable to get to them. By the time she got word of the structure being compromised it was too late. The building collapsed. Crushing her child and elder sister within it's rubble. It was from that point that she snapped. Breaking down crying... She couldn't. She lost everything already. And no other pros had stepped up in her eyes. it was their fault. It was her fault. She hadn't been fast enough. She didn't do enough. She lost the one thread keeping her deteriorating sanity together. </p>

<p>After that she disappeared from the public eye. And become nothing more then forgotten hero.  Nothing mattered. Eventually rumors started to go around, about a woman... A woman who took children. Leaving their bodies
</div>

<a name="four"></a>
<div style="width: 25vw; height: 28vw; overflow: auto;" align="center">
<h1>Contacts</h1>
 <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a><br>
 <center><b>- Name -</b><br> <i>foe/friend</i><br> small note.</center><br><br><br><br> <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a><br>
 <center><b>- Name -</b><br> <i>foe/friend</i><br> small note.</center><br><br><br><br> <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a><br>
 <center><b>- Name -</b><br> <i>foe/friend</i><br> small note.</center><br><br><br><br>
</div>
</div>
</div>

<div id="content2">
<div style="width: 25vw; height: 28vw; overflow-y: hidden;">
<a name="five"></a>
<div style="width: 25vw; height: 28vw; overflow: auto;" align="center">
<h1>Out of Character</h1>
<b>00</b>. Code made by <a href="/profile.php?user=RageQxeen" target="_blank">RageQxeen</a>, do not steal.<br><br>
<b>01</b>. OOC.<br>
<b>02</b>. OOC.<br>
<b>03</b>. OOC.<br>
<b>04</b>. OOC.<br>
<b>05</b>. OOC.<br>
</div>
</div>
</div>
</div>
</body>
</html>