Otohime

<style type="text/css">
@import url(//fonts.googleapis.com/css?family=Pinyon+Script);
@import url(//fonts.googleapis.com/css?family=Lobster);
@import url(//fonts.googleapis.com/css?family=Josefin+Sans);
@import url(//fonts.googleapis.com/css?family=Crete+Round);

.pfor { display: none; }
 #profile { background-color: transparent; border: none; overflow: auto;}
/*body*/

 body {
 background-color: #ebe8ea; }

b, strong { font-family: Josefin Sans; font-size: 14px;line-height: 15px; font-weight: bold;
 color: #aa9ba1;}

i, em {color:#4e1f25; font-family: ariel; font-size:14px;}

/*scrolly*/
::-webkit-scrollbar {
 width: 5px;
 height: 0px;
 background:;
 }

 ::-webkit-scrollbar-thumb {
 background-color: #aa9ba1;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 }


/*aesthetics*/

#name{
 position:fixed;
 width: 2500px;
 height:10px;
 top: 68px;
 left: 820px;
 font-family: 'pinyon script', cursive;
text-shadow: 1px 0px 0px #ede8e2,
	0px 1px 0px #ede8e2,
	-1px 0px 0px #ede8e2,
	0px -1px 0px #ede8e2,
	0px 0px 20px #ede8e2;
 font-size: 60px;
 color: #aa9ba1;
opacity: 1;
z-index: 5;
 }

#ouro img{
position: fixed;
max-width: 600px;
height:auto;
top:50px;
left: 70px;
-webkit-filter: drop-shadow(0px 0px 10px #c53729);
z-index: 2;
}

/*link*/
a:link,a:active,a:visited {
 color: #c54e5e;
 font-family: Josefin Sans;
 font-size: 14px;
 line-height: 10px;
 letter-spacing: 0px;
 display: ;
 font-weight: bold;
 margin-bottom: px;
 word-spacing: 0px;
 text-transform: none;
 text-align: center;
 text-decoration: none;
 transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 z-index: 7;
 }

 a:hover {
 color: #c54e5e;
text-shadow: 1px 0px 0px #c3bbc4,
 0px 1px 0px #c3bbc4,
 -1px 0px 0px #c3bbc4,
 0px -1px 0px #c3bbc4,
 0px 0px 20px #c3bbc4;
 font-family: Josefin Sans;
 font-size: 14px;
 line-height: 10px;
 letter-spacing: 0px;
 display: ;
 font-weight: bold;
 margin-bottom: px;
 word-spacing: 0px;
 text-align: center;
 text-decoration: none;
 transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
}

/*navigation*/
#navi {
 position: fixed;
 left:780px;
 top:372px;
 text-align:center;
 color: white;
 width: 200px;
 height: 20px;
 padding:5px;
 line-height:7px;
 z-index: 6;
display: inline-block;
 float: left;
 }

 #navi a:link, #navi a:visited {
 text-decoration:none;
 font-weight:normal !important;
 padding:5px;
 top: 10px;
 margin-left: 10px;
 width: 2px;
height: 2px;
border: 1px #aa9ba1 solid;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
-ms-transform: rotate(135deg); /* IE 9 */
 -webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
 transform: rotate(135deg);
 background-color: #ffffff;
 float: left;
 }

 #navi a:hover {
 background-color:#aa9ba1;
 text-decoration:none;
 float: left;
 }

/*tables*/
td.one{
 width: 261px;
 font-family: Josefin Sans;
 font-size: 14px;
 text-align: left;
 word-spacing: 1px;
 letter-spacing: 0px;
 line-height: 9px;
 font-weight: bold;
 color: #aa9ba1;
 }

 td.two{
 width: 261px;
 font-family: Josefin Sans;
 font-size: 14px;
 text-align: right;
 word-spacing: 1px;
 letter-spacing: 0px;
 line-height: 9px;
 color: #c54e5e;
 }


/*content*/
#dossbox {
position: fixed;
width: 505px;
 height: 235px;
border: 8px #aa9ba1 solid;
top:120px;
overflow: auto;
left: 580px;
z-index: 3;
}

#doss {
position: fixed;
 width: 480px;
 height: 210px;
font-family: crete round;
 font-size: 14px;
 text-align: right;
overflow: auto;
top:140px;
left: 600px;
z-index: 3;
}

#boxbox {
position: fixed;
width: 505px;
 height: 245px;
border: 8px #aa9ba1 solid;
top:400px;
left: 580px;
z-index: 3;
}

.box {
 position: fixed;
top:420px;
left: 600px;
 width: 470px;
 height: 210px;
 padding: 5px;
 font-size: 14px;
 line-height: 13px;
 text-align: center;
font-family: Josefin Sans;
 color: #c54e5e;
 overflow: auto;
 opacity: 0;
 transition: all 0.7s ease-in-out;
 -webkit-transition: all 0.7s ease-in-out;
 -moz-transition: all 0.7s ease-in-out;
 -o-transition: all 0.7s ease-in-out;
 -ms-transition: all 0.7s ease-in-out;
 z-index:4;
 }

 .box:target {
top:420px;
left: 600px;
 overflow: auto;
 opacity: 1;
 transition: all 0.7s ease-in-out;
 -webkit-transition: all 0.7s ease-in-out;
 -moz-transition: all 0.7s ease-in-out;
 -o-transition: all 0.7s ease-in-out;
 -ms-transition: all 0.7s ease-in-out;
 z-index:5;
 }



</style>


<div id="navi">
 <a href="#nung"></a>
 <a href="#song"></a>
<a href="#sam"></a>
<a href="#si"></a>
</div>

<div id="name">Otohime</div>
<div id="ouro">
<img src="https://68.media.tumblr.com/9ef3ecaca4d0a5086ef2f0b64046a7b2/tumblr_or5rdz51rl1r2r59eo1_500.png">
<div>
<div id="dossbox"></div>


<div id="doss">
<table>
 <tr><td class="one">
 Name
 </td><td class="two">
 Hinamori
 </td></tr><tr>

 <tr><td class="one">
 Nickname(s)
 </td><td class="two">
---
 </td></tr><tr>

 <tr><td class="one">
 Alias
 </td><td class="two">
 Otohime
 </td></tr><tr>

 <tr><td class="one">
 Meaning
 </td><td class="two">
 Luminous Jewel, Youngest Princess
 </td></tr><tr>

 <tr><td class="one">
 Rank
 </td><td class="two">
 Oyabun
 </td></tr><tr>

 <tr><td class="one">
 Age
 </td><td class="two">
 Eighteen
 </td></tr><tr>

<tr><td class="one">
Gender
</td><td class="two">
Female
 </td></tr><tr>

 <tr><td class="one">
 Height
 </td><td class="two">
 5'5
 </td></tr><tr>

 <tr><td class="one">
 Weight
 </td><td class="two">
 110lbs
 </td></tr><tr>

<tr><td class="one">
Hair
 </td><td class="two">
 White
 </td></tr><tr>

<tr><td class="one">
Eyes
 </td><td class="two">
Light grey
 </td></tr><tr>

<tr><td class="one">
Affiliation
 </td><td class="two">
Arashi
 </td></tr><tr>

<tr><td class="one">
Markings.
 </td><td class="two">
<a href="https://s-media-cache-ak0.pinimg.com/564x/63/b6/62/63b662454d3fe1d87d416df5bb184d12.jpg">Tattoo</a> in the middle of her back. </td></tr><tr>

<tr><td class="one">
Elemental Affinity
 </td><td class="two">
Wind
 </td></tr><tr>

<tr><td class="one">
God
 </td><td class="two">
Susanoo
 </td></tr><tr>

<tr><td class="one">
Orientation
 </td><td class="two">
Heterosexual
 </td></tr><tr>

<tr><td class="one">
Personality
 </td><td class="two">
Yandere
 </td></tr><tr>

<tr><td class="one">
Marital Status
 </td><td class="two">
Single
 </td></tr><tr>

<tr><td class="one">
Residency
 </td><td class="two">
Sendai
 </td></tr><tr>

<tr><td class="one">
Ability Points
 </td><td class="two">
2/4
 </td></tr><tr>
 </table>
 </div>

<div id="boxbox"></div>
<div id="nung" class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel eros sapien. Cras orci nisl, mattis sed porta et, congue in tellus. Phasellus a lorem nec urna cursus interdum. Integer efficitur vitae orci ac maximus. Proin elit lectus, sollicitudin ultrices elementum eget, tincidunt quis lectus. Sed augue tellus, commodo at dolor rutrum, varius condimentum lacus. Vivamus posuere enim a ipsum pulvinar pretium. Sed a lacus lorem. Curabitur gravida erat ac ante posuere, et volutpat metus sagittis. Duis vitae justo ipsum. Quisque id sollicitudin mi, at auctor velit. Phasellus ullamcorper vestibulum ligula, a pharetra lacus imperdiet ut. Cras a mattis est, vel pellentesque neque. Cras ex neque, efficitur vel est eget, facilisis dapibus magna. Maecenas nec augue luctus, accumsan lacus a, venenatis dui. <br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel eros sapien. Cras orci nisl, mattis sed porta et, congue in tellus. Phasellus a lorem nec urna cursus interdum. Integer efficitur vitae orci ac maximus. Proin elit lectus, sollicitudin ultrices elementum eget, tincidunt quis lectus. Sed augue tellus, commodo at dolor rutrum, varius condimentum lacus. Vivamus posuere enim a ipsum pulvinar pretium. Sed a lacus lorem. Curabitur gravida erat ac ante posuere, et volutpat metus sagittis. Duis vitae justo ipsum. Quisque id sollicitudin mi, at auctor velit. Phasellus ullamcorper vestibulum ligula, a pharetra lacus imperdiet ut. Cras a mattis est, vel pellentesque neque. Cras ex neque, efficitur vel est eget, facilisis dapibus magna. Maecenas nec augue luctus, accumsan lacus a, venenatis dui.
<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel eros sapien. Cras orci nisl, mattis sed porta et, congue in tellus. Phasellus a lorem nec urna cursus interdum. Integer efficitur vitae orci ac maximus. Proin elit lectus, sollicitudin ultrices elementum eget, tincidunt quis lectus. Sed augue tellus, commodo at dolor rutrum, varius condimentum lacus. Vivamus posuere enim a ipsum pulvinar pretium. Sed a lacus lorem. Curabitur gravida erat ac ante posuere, et volutpat metus sagittis. Duis vitae justo ipsum. Quisque id sollicitudin mi, at auctor velit. Phasellus ullamcorper vestibulum ligula, a pharetra lacus imperdiet ut. Cras a mattis est, vel pellentesque neque. Cras ex neque, efficitur vel est eget, facilisis dapibus magna. Maecenas nec augue luctus, accumsan lacus a, venenatis dui.
 </div>

 <div id="song" class="box">
<b>変換 - Transform</b><i>(Active)</i>: One of Otohime's active abilities in which she has mastered herself is the ability to transform her weapon into various types. From a scythe, mallet, long sword and even multiple projectiles. This ability is only able to be used once for one weapon only per turn.<br><br>

<b>速度 - Speed</b><i>(Active)</i>: With her affinity to wind, Otohime is able to manipulate wind to give her short amounts of speed. The amount of time only lasts for twenty seconds, and once the ability has been used it causes staggered breathing.<br><br>

<b>風のカッター - Wind Cutter</b><i>(Active)</i>: She is able to coat her weapon with an invisible air that creates a constant barrier of wind making the weapon cut through various things easily. This ability is able to be activated twice and lasts for one turn.<br><br>

<b>造る - Construct</b><i>(Active)</i>: The ability to construct the air/wind into tools, objects, weapons. Though, Otohime has only mastered the ability to create an invisible like barrier for herself as the ultimate defense so far. The ultimate defense drains quite a bit of energy from Otohime, only being used once. Anything beyond that one time causes her to black out from the power. The barrier itself is only a 8ft radius thus far.<br><br>

<b>聴く - Listen</b><i>(Passive)</i>: By amplifying the air molecules via vibration Otohime enhances her ability to hear with amazing clarity from amazing distances and even those with odd frequencies that are out of normal range. She is able to pick up every single sound, can decipher layer upon layer of differing conversations/voices, locate the source of sound or is able pick up sound from a mile away in a very busy city.
 </div>

 <div id="sam" class="box">
<a href="https://roleplay.chat/profile.php?user=Michiko">The Phoenix - Michiko</a> - A childhood friend of Hinamori, though due to warring circumstances they have been split apart at a young age. She is the respective Oyabun for the Taiyo clan with a fiery temper. Although she does hold a strict hand in ruling her clan, it is quite easy to see that there is somewhat of a soft spot held for Hinamori even if she isn't to admit it. <br><br>

<a href="">Friend</a> - "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel eros sapien. Cras orci nisl, mattis sed porta et, congue in tellus. Phasellus a lorem nec urna cursus interdum. Integer efficitur vitae orci ac maximus. Proin elit lectus, sollicitudin ultrices elementum eget, tincidunt quis lectus. Sed augue tellus, commodo at dolor rutrum, varius condimentum lacus. Vivamus posuere enim a ipsum pulvinar pretium. Sed a lacus lorem. Curabitur gravida erat ac ante posuere, et volutpat metus sagittis. Duis vitae justo ipsum. Quisque id sollicitudin mi, at auctor velit. Phasellus ullamcorper vestibulum ligula, a pharetra lacus imperdiet ut. Cras a mattis est, vel pellentesque neque. Cras ex neque, efficitur vel est eget, facilisis dapibus magna. Maecenas nec augue luctus, accumsan lacus a, venenatis dui." <br><br>

<a href="">Friend</a> - "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel eros sapien. Cras orci nisl, mattis sed porta et, congue in tellus. Phasellus a lorem nec urna cursus interdum. Integer efficitur vitae orci ac maximus. Proin elit lectus, sollicitudin ultrices elementum eget, tincidunt quis lectus. Sed augue tellus, commodo at dolor rutrum, varius condimentum lacus. Vivamus posuere enim a ipsum pulvinar pretium. Sed a lacus lorem. Curabitur gravida erat ac ante posuere, et volutpat metus sagittis. Duis vitae justo ipsum. Quisque id sollicitudin mi, at auctor velit. Phasellus ullamcorper vestibulum ligula, a pharetra lacus imperdiet ut. Cras a mattis est, vel pellentesque neque. Cras ex neque, efficitur vel est eget, facilisis dapibus magna. Maecenas nec augue luctus, accumsan lacus a, venenatis dui." <br><br>
 </div>

<div id="si" class="box">
regular <b>bold</b> <i>italics</i><a href="link goes here">link title here</a><br><br>
<b>001.</b> This profile was created for the use of <b>Phanuel</b> only. No other persons is allowed to take pieces of and/or redistribute any coding. If you want a code just like this, leave <a href="https://saekodesigns.tumblr.com/">Saeko</a> RPC mail or PM so we can discuss commission pricing.<br>

</div>

 </div>