Kal'tsit

<style>
@import url('https://fonts.googleapis.com/css?family=Lato:300|News+Cycle|Open+Sans:300|Raleway:300|Source+Sans+Pro:300&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lovers+Quarrel&display=swap');
::-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/vdi7Q5z.jpg);
background-size: cover;
background-position: top right;
}

#image{
position: fixed;
bottom: 0vh;
right: 0vw;
}

#image img{
height: 100vh;
}

#box1, #box2, #box3{
position: fixed;
padding: 1%;
background: #c5de73;
box-shadow: 0 0 1vh #000;
font-family: 'News Cycle';
font-size: 1.75vh;
color: #757575;
overflow: auto;
}

#box1, #box2{
height: 21vh;
width: 12vw;
left: 28vw;
text-align: left;
}

#box1{top: 27vh;}
#box2{bottom: 20vh;}

#box3{
height: 49vh;
width: 15vw;
left: 10vw;
bottom: 20vh;
text-align: justify;
}

.r{float: right;}

a{
color: #fff;
transition: 0.2s;
}

a:hover{
color: #ffcf30;
transition: 0.2s;
text-shadow: 0 0 1vh #fff;
}

h1{
font-size: 4vh;
text-transform: uppercase;
border-bottom: .5vh #757575 solid;
}

#title{
position: fixed;
z-index: 5;
height: 15vh;
width: 35vw;
left: 10vw;
top: 10vh;
text-align: left;
font-family: 'Lovers Quarrel';
font-size: 22vh;
color: #efffeb;
text-shadow: 0 0 1vh #efffeb;
}


</style>

<div id="title">Dr. Kal'tsit</div>

<div id="box1">
<h1>Dossier</h1>
Name -<div class="r">Kal'tsit</div><br>
Age -<div class="r">Early to mid thirties.</div><br>
Gender -<div class="r">Female</div><br>
Race -<div class="r">Feline</div><br>
<br>
Height -<div class="r">5'5"</div><br>
Weight -<div class="r">Undisclosed</div><br>
Eye Color -<div class="r">Lime</div><br>
Hair Color -<div class="r">Platinum</div><br>
<br>
Occupation -<div class="r">Doctor, Field Medic</div><br>
Orientation -<div class="r">Nonpreferential</div><br>
Marital -<div class="r">A little bit messy.</div><br>

</div>


<div id="box2">
<h1>OOC</h1>
<ol>
<li>There is scarce information on Kal'tsit at the moment. I'll be editing as more information is given.</li><br>
<li>Kal'tsit belongs to Arknights, a mobile video game.</li><br>
<li>The layout is mine.</li><br>
<li>All credit for the <a target="_blank" href="https://imgur.com/a/CPYbgmu">art</a> gathered goes to their respective artists.</li><br>
<li>In-Room Approach is preferred.</li>

</div>


<div id="box3">
<h1>Medic</h1>
<p>Kal'tsit is the director of medical projects at Rhodes Island. An expert in many fields, she serves as a medic operator in some of Rhodes Island’s operations, offering medical advice and operating medical devices.</p></div>