Celica

<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;}


#image{
position: fixed;
top: 0vh;
right: 0vw;
z-index: 2;
}

#image img{
height: 100vh;
}

.bar{
position: fixed;
z-index: 1;
background: #D2DCDE;
height: 77.25vh;
width: 100vw;
top: 12vh;
right: 0vw;
}

#box{
position: fixed;
z-index: 2;
padding: 1%;
background: #e6f0f2;
border: .5vh #3c524d solid;
color: #3c524d;
height: 25vh;
width: 25vw;
bottom: 30vh;
left: 15vw;
font-family: 'Whitney';
font-size: 2vh;
text-align: center;
}


#title{
position: fixed;
z-index: 3;
left: 15vw;
top: 20.25vh;
width: 25vw;
height: 15vh;
color: #3c524d;
font-family: 'Mr De Haviland';
font-size: 12vw;
}

</style>

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

<div class="bar"></div>
<div id="title">Celica</div>
<div id="box">
<p>
She's a dragon of the obviously wingless variety. Her age is in the higher numbers, but she chooses to not disclose that tidbit of information, and her height is somewhere just below seven feet tall.</p>
<p>She hasn't really got a hoard, but she tends to be rather possessive when it comes to food, but let's be honest. Who isn't?</p>
Golden Rule. || IC =/= OOC || In-Room Approach.</div>