Ahja

<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: url(https://i.imgur.com/eYvmavQ.png);
background-size: cover;
background-position: center;
}

#image{
position: fixed;
bottom: 0vh;
right: 15vw;
z-index: 5;
filter: drop-shadow(1vh 0vh 1vh);
}

#image img{
height: 95vh;
}

#bar{
position: fixed;
bottom: 20vh;
height: 40vh;
width: 100vw;
left: 0vw;
background: linear-gradient(-65deg, #140b06, #26160d, #140b06);
z-index: 1;
}


#title{
position: fixed;
top: 28vh;
width: 50vw;
left: 13vw;
height: 15vh;
z-index: 3;
font-family: 'Brilliantte';
font-size: 15vh;
color: #fff;
text-shadow: 0 0 1vh #000;
}

#story, #stats, #ooc{
position: fixed;
height: 35vh;
width: 15vw;
bottom: 22.5vh;
z-index: 2;
font-family: 'Whitney';
font-size: 1.5vh;
color: #fff;
overflow: auto;
}

#story{
left: 11vw;
text-align: justify;
}
#stats{
left: 28vw;
}
#ooc{
left: 45vw;
}

h1{
font-family: 'Whitney';
font-size: 3vh;
font-weight: lighter;
text-transform: uppercase;
border-bottom: .25vh #fff solid;
text-align: center;
}

.r{float: right;}

</style>
<div id="bar"></div>

<div id="title">Ahja Ganajai</div>

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


<div id="story">
<h1>Story</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="stats">
<h1>Stats</h1>
Name<div class="r">Ahja Ganajai</div><br>
Age<div class="r">23 years</div><br>
Gender<div class="r">Female</div><br>
Race<div class="r">Miqo'te, Keeper of the Moon</div><br>
<br>
Height<div class="r">5'0.5"</div><br>
Weight<div class="r">101 lbs.</div><br>
Eyes<div class="r">Lilac</div><br>
Hair<div class="r">Auburn with grey streaks</div><br>
<br>
Job(s)<div class="r">SCH</div><br>
Nameday<div class="r">2nd Sun of the 5th Astral Moon</div><br>
Orientation<div class="r">Homoflexible</div><br>
S/O<div class="r">Singular.</div><br>
</div>
<div id="ooc">
<h1>OOC</h1>
<ol>
<li>This code is made by myself, and not for anyone's use but my own.</li><br>
<li>Yes, this is yet another FF14 OC.</li><br>
<li>Shitpost to Multi-Para post size.</li><br>
<li>In-Room Approach mandatory.</li><br>
<li>Don't be a twat.</li><br>
<li>IC =/= OOC</li><br>
</ol></div>