Sashihai

<style>
 @import url('https://www.themonster.xyz/styles/fancy-fonts.css');
 ::-webkit-scrollbar{width:0.5vh;height:0.1vh;}
 ::-webkit-scrollbar-track{border-radius:0;background:transparent;}
 ::-webkit-scrollbar-thumb{border-radius:0;background:transparent;}



 body{
 background: linear-gradient( #020307, #070A1D, #1B0F35, #1E1236);
 }

 .box{
 position: fixed;
 background: #272438;
 height: 75vh;
 width: 90vw;
 top: 12.5vh;
 left: 5vw;
 }

 #image{
 right: 7vw;
 top: 10vh;
 position: fixed;
 }

 #image img{
 height: 80vh;
 }


 #info1, #info2, #info3, #info4{
 position: fixed;
 background: rgb(67, 68, 87);
 padding: .5%;
 color: #fff;
 font-size: 1.5vh;
 font-family: 'Whitney';
 overflow: auto;
 }

 #info1, #info4{
 height: 50vh;
 width: 15vw;
 bottom: 15vh;
 }

 #info2, #info3{
 height: 23vh;
 width: 15vw;
 left: 24vw;
 }

 #info1{left: 7vw;}
 #info2{bottom: 15vh;}
 #info3{bottom: 42vh;}
 #info4{left: 41vw;}


 .bar{
 position: fixed;
 background: #fff;
 height: 0.25vh;
 width: 50vw;
 left: 7vw;
 top: 30vh;
 }

 #title{
 position: fixed;
 z-index: 5;
 height: 15vh;
 width: 50vw;
 top: 10vh;
 left: 7vw;
 color: #fff;
 font-family: 'Bantham';
 font-size: 22vh;
 text-align: center;
 text-shadow: 0 0 1vh #fff;
 }


 h1{
 font-size: 3vh;
 font-weight: lighter;
 text-transform: uppercase;
 }

 .r{float: right;text-align: right;}
 a{color: #fff;text-decoration: underline;transition: 0.25s;}
 a:hover{color: rgb(160, 252, 255); transition: 0.25s;}

 .friend{
 height: 10vh;
 width: 10vh;
 }


</style>

<div class="box"></div>

<div id="image"><img src="https://i.imgur.com/nyVzv61.png"></div>

<div id="title">Ona Sashihai</div>

<div id="info1">
 <h1>In the Beginning...</h1>
 <p>The world was whole.</p>
 <p>People were free. Free from the fear of hostility, free from the entrapments of mortality. Free to live, love, laugh, and create.</p>
 <p>But then, the world was face with a terrible threat. A Calamity, that would shake the lands, and tear them asunder. That would surely mean the end to this everlasting peace the people had known. So the governing authority came together and decided that, with their collective power, they would bring about the creation of a consciousness. The world's consciousness, so that it may defend itself from this calamity. And it worked. The people, with their collective abilities, averted this calamity.
 </p>
 <p>Zodiark was born. And those who brought about his creation meant for him to continue his existence. But there was some who felt that Zodiark should be kept in check. Those who felt this way went about creating a second great being: Hydaelyn.
 </p>
 <p>These two great beings embodied a great dichotomy. Darkness and Light.
 And, as this dichotomy is wont to do, they came at odds. And this conflict brought about yet another calamity. One that the first solution wouldn't be able to solve.
 This calamity literally shattered the world into thirteen shards, each one a reflection of the original world, and each world's people only a fraction of the original peoples which inhabited the original world.</p>
 <p>The Source, the remnant from which the shards all split from, is where Ona comes from. An Au'ra, hailing from the eastern province of Hingashe. She was adopted when she was a baby, raised by Hyur parents in a village outside of Kugane. In her early childhood, her family moved to Kugane, where they opened a small clothier's shop. The time Ona spent in the shop was spent either learning the merchant's trade or learning how to make clothes. Talents she'd keep with her, although talents that would go out of practice.
 </p>
 <p>Years later, in her early adulthood, she'd make for the western world. Eorzea, where she'd begin her life as an adventurer. Giving help to the helpless, and to begin her training with the lance, and to eventually become a dragoon. </p>
</div>

<div id="info2">
 <h1>OOC</h1>
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li>This layout was constructed by <a target="_blank" href="https://roleplay.chat/profile.php?user=From+Shadows+Codes">From Shadows.</a> Please do not steal or appropriate this layout.</li>


</div>

<div id="info3">
 <h1>Stats</h1>


 Name<div class="r">Ona Sashihai</div><br>
 Gender<div class="r">Female</div><br>
 Age<div class="r">20 years old.</div><br>
 Job(s)<div class="r">DRG/SCH/RDM</div><br>
 <br>
 Height<div class="r">5'1.5" / 156 cm</div><br>
 Weight<div class="r">105 lbs. / 47 kg.</div><br>
 Sexuality<div class="r">Homoflexible</div><br>
 Relationship<div class="r"><a target="_blank" href="https://roleplay.chat/profile.php?user=Narantuyaa+Sagahl">Happily married.~</a></div><br>
 <br>
 Birthplace<div class="r">Unknown</div><br>
 Nameday<div class="r">9th Sun of the 5th Umbral Moon</div><br>
 Race<div class="r">Au'ra, Xaela</div><br>
 Home<div class="r">Kugane, Hingashi</div><br>
</div>

<div id="info4">
 <h1>Friends</h1>
 <a target="_blank" href="https://roleplay.chat/profile.php?user=Nara+Sashihai"><img src="https://i.imgur.com/EoBgRAp.png" class="friend"></a>
 <div class="r">Nara -<br>Wife and Lover.<br>
 My other, better half,<br>
whom I could never do without.</div><br>
 <br><br>
 <a target="_blank" href="https://roleplay.chat/profile.php?user=Dala"><img src="https://i.imgur.com/Ti48u5s.png" class="friend"></a>
 <div class="r">Dala -<br>Dear friend,<br>
 invaluable comrade...<br>
 And total flirt.</div><br>
 <br><br>
 <a target="_blank" href="https://roleplay.chat/profile.php?user=The+Adventurer"><img src="https://i.imgur.com/Oot8pRs.png" class="friend"></a>
 <div class="r">Kaslane -<br>Summoner with a god complex.<br>
 Strange individual....<br>
 ...but a good friend.</div>
 <br><br>
 <a href=""><img src="https://i.imgur.com/ACmpe7R.jpg?1" class="friend"></a>
 <div class="r">Tephrite -<br>Steppe Brother!<br>
 A total dork, <br>
 but an awesome person.</div><br>

</div>