Texas

<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=Abril+Fatface|Comfortaa&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;}


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

#image img{
height: 100vh;
}

#box1, #box2, #box3{
position: fixed;
padding: 1%;
background: #a0a2a3;
box-shadow: 0 0 1vh #000;
font-family: 'News Cycle';
font-size: 2vh;
color: #545454;
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: #fc3a3a;
transition: 0.2s;
text-shadow: 0 0 1vh #fc3a3a;
}

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

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


</style>

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

<div id="title">Texas</div>

<div id="box1">
<h1>Dossier</h1>
Codename -<div class="r">Texas</div><br>
Age -<div class="r">Twenties</div><br>
Gender -<div class="r">Female</div><br>
Race -<div class="r">Lupo</div><br>
<br>
Height -<div class="r">161cm</div><br>
Weight -<div class="r">Undisclosed</div><br>
Eye Color -<div class="r">Amber</div><br>
Hair Color -<div class="r">Black</div><br>
<br>
Affiliation-<div class="r">Penguin Logistics</div><br>
Orientation -<div class="r">Nonpreferential</div><br>
Marital -<div class="r">Singular</div><br>
Status -<div class="r">Standby.</div><br>

</div>


<div id="box2">
<h1>OOC</h1>
<ol>
<li>Texas 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/LTz5MX2">art</a> gathered goes to their respective artists.</li><br>
<li>In-Room Approach is preferred.</li>

</div>


<div id="box3">
<h1>Vanguard</h1>
<p>Texas is a Penguin Logistics staff member who is extraordinary skilled in single combat. She was assigned as liaison to Rhodes Island, where she assisted with many different operations.
</p>
<p>A taciturn messenger.
According to her own account, she's not hiding anything, but just has nothing to say.
Though she gives off the impression of preferring to be alone, she is often seen with her fellow Penguin Logistics members.</p>
</div>