Kagemori Michiru

<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: repeating-linear-gradient(
 45deg,
 #3a615d,
 #3a615d 50px,
 #486a9c 50px,
 #486a9c 100px);
}

#box{
 position: fixed;
 height: 80vh;
 width: 75vw;
 bottom: 10vh;
 left: 12.5vw;
 background: #FE9858;
 border: 1vh #ed5c00 solid;
}

#image{
 position: fixed;
 bottom: 11vh;
 left: 12.95vw;
 z-index: 5;
 filter: drop-shadow(1vh 0 0 #000);
}

#image img{
 height: 80.2vh;
}

#infobox1, #infobox2, #infobox3{
 position: fixed;
 background: #486a9c;
 z-index: 6;
 box-shadow: 1vh 1vh 0vh #000;
 padding: 1%;
 font-family: 'Whitney';
 font-size: 2vh;
 color: #fff;
 overflow: auto;
 text-align: left;
}

#infobox1{
 height: 57vh;
 width: 16vw;
 bottom: 15vh;
 right: 39vw;
}

#infobox2, #infobox3{
 height: 20vh;
 width: 20vw;
 right: 15vw;
}

#infobox2{bottom: 43vh;}
#infobox3{bottom: 15vh;}


#title1, #title2{
 position: fixed;
 text-align: center;
 z-index: 7;
 height: 15vh;
 width: 25vw;
 font-family: 'Uni Sans';
 font-size: 11vh;
 color: #FA4D3D;
 text-shadow: .75vh .75vh 0vh #000;
}


#title1{
 top: 12vh;
 right: 35vw;
}
#title2{
 top: 22vh;
 right: 13.5vw;
}

.r{float: right;}
h1{text-align: center;font-family: 'Big Noodle Titling';font-size: 4.5vh; font-weight: lighter;}
a{color: #fff;transition: 0.24s;}
a:hover{color:#FA4D3D;transition: 0.25s;}

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

<div id="title1">Kagemori</div>
<div id="title2">Michiru</div>

<div id="infobox1">
 <h1>Personality</h1>
 <p>Michiru is best described as compassionate, caring, brave, strong-minded, and energetic. She cares for both Beastmen and humans alike and won't condone unnecessary violence against anyone, even against terrorists and those with malintent. She goes to great lengths to protect her peers even forsaking her own safety and well-being at times.</p>

<p>Michiru's strong-will also carries through her actions. She is stubborn at heart and not easily swayed by her environment or peers. Once she has a set goal in mind, she is determined to achieve it, no matter how improbable the task is. When Michiru loses her wallet, despite all her peers telling her the chances of recovery are slim to none, she still continued to search for leads.</p>
</div>
<div id="infobox2">
 <h1>Stats</h1>
 Name:<div class="r">Michiru Kagemori</div><br>
 Age:<div class="r">18</div><br>
 Gender:<div class="r">Female</div><br>
 Race:<div class="r">Beastman</div><br>
 Type:<div class="r">Tanuki</div><br>
 <br>
 Height:<div class="r">154 cm</div><br>
 Eyes:<div class="r">Viridian into Apricot</div><br>
 Hair:<div class="r">Woad Blue into Black</div><br>
 <br>
 Job:<div class="r">Investigator</div><br>
 Orientation:<div class="r">Bisexual</div><br>
 Status:<div class="r">Single</div><br>
</div>
<div id="infobox3">
 <h1>OOC</h1>
 <li>I've got <a target="_blank" href="https://imgur.com/a/c4Oq4Dn">Images!</a></li>
 <li>Layout is mine. Please do not steal.</li>
 <li>Character is from the anime Brand New Animal.</li>
 <li>Eastern Standard Time with a screwy sleep schedule.</li>
 <li>I do lots of gaming, and coding sometimes.</li>
 <li>Don't be a twat.</li>
</div>