Earthspirit

<style>

@import url('https://fonts.googleapis.com/css?family=Amarante|Bellefair|Cormorant+Upright|David+Libre|Goudy+Bookletter+1911|Meddon|Sarabun&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/4jm8zlm.jpg);
background-size: cover;
background-positioN: center;
}

#image{
position: fixed;
bottom: 5vh;
left: 10vw;
box-shadow: -1vh 1vh 1vh #000;
z-index: 3;
}

#image img{
height: 90vh;
}

#bar{
position: fixed;
z-index: 1;
bottom: 25vh;
height: 50vh;
left: 0vw;
width: 100vw;
border: 2px #000 solid;
background: rgba(0, 0, 0, 0.7);
}

#info1, #info2, #info3, #info4{
position: fixed;
height: 45vh;
width: 40vw;
bottom: 27.5vh;
right: 9vw;
font-family: 'Cormorant Upright';
font-size: 2.5vh;
color: #fff;
overflow: auto;
}

h1{
Font-family: 'Amarante';
font-size: 5vh;
font-weight: lighter;
}

#title{
position: fixed;
z-index: 4;
text-align: center;
height: 15vh;
top: 12vh;
width: 40vw;
right: 9.75vw;
font-family: 'Meddon';
font-size: 13vh;
color: #9c4141;
text-shadow: 1vh 1vh 2vh #000;
}

#nav1, #nav2, #nav3, #nav4, #nav5{
position: fixed;
z-index: 2;
background: #4a2121;
clip-path: polygon(0 100%, 0 0, 100% 45%);
height: 10vh;
width: 5vw;
left: 39.5vw;
transition: 0.5s;
}

#nav1{bottom: 65vh;}
#nav1:hover{background: #ffc4c4;width: 7vw;}
#nav2{bottom: 55vh;}
#nav2:hover{background: #ffc4c4;width: 7vw;}
#nav3{bottom: 45vh;}
#nav3:hover{background: #ffc4c4;width: 7vw;}
#nav4{bottom: 35vh;}
#nav4:hover{background: #ffc4c4;width: 7vw;}
#nav5{bottom: 25vh;}
#nav5:hover{background: #ffc4c4;width: 7vw;}




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

.appear{opacity: 0; z-index: 3; transition: 2s;overflow: auto;}
.appear:target{opacity: 1; z-index: 6; transition: 2s;}

.r{float:right;}


</style>

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

<a target="_blank" href="https://imgur.com/a/Cj55Pn0"><div id="image"><img src="https://i.imgur.com/jUnv4tx.png"></div></a>
<div id="bar"></div>

<a href="#info1"><div id="nav1"></div></a>
<a href="#info2"><div id="nav2"></div></a>
<a href="#info3"><div id="nav3"></div></a>
<a href="#info4"><div id="nav4"></div></a>
<a href="#info5"><div id="nav5"></div></a>

<div id="info1" class="appear">
<center>
<h1>Earthen Support</h1>
<p>Earthspirit is a geologist. She fills the gaps we have in fields such as environmental assessment, battlefield analysis, and terrain utilization. She currently serves with a support squad performing geological surveys, early Catastrophe warnings and other related services for Rhodes Island.</p>
<p>Imaging test for this Operator showed blurry outline of internal organs with visible unusual dark spots. Unusually high concentration of Originium particles were present in her circulation, indicating signs of infection and confirming her as infected at this stage. [Cell-Originium Assimilation] 14% Operator Earthspirit showed physical signs of crystal formation, with lesioned arms. [Blood Originium-Crystal Density] 0.31u/L Infection entering mid-stage, but still manageable.</p>

<p>Operator Earthspirit is dedicated to her job. When she begins to study a geological phenomenon, she won't stop until it's done, giving her best effort to complete it as efficiently as possible. No matter how you cut it, she is a consummate professional in more ways than one. Of course, she will also schedule every hour of work, overtime, reassignment and assistance to ensure it doesn't affect her private life.
</p>

<p>As a geological researcher, her passion for rocks began when she was still in school. According to Earthspirit, studying the soil composition of samples from different eras will help us better understand the history of the land (she used at least four descriptors for the "land" alone). The study of rocks is the most fundamental discipline in the field, and also the most important. Earthspirit's specialty is field surveys. She knows the formation, layout and history of all manner of different rocks and sediment, as well as what danger different forms of terrain could present to people. She never thought, though, that she would end up applying her expertise in battle.
</p>

<p>Earthspirit became infected while collecting Originium samples in the field. She seems rather apathetic towards her infection, however, because it failed to enhance her connection to Originium or any other geological formation. In fact, it has turned out to be a major hindrance to her work. She completely trusts the course of treatment offered to her because she hasn't the time to worry about her affliction. To raise funds for her research, Earthspirit would also provide early Catastrophe warnings to towns and cities nearby while performing field surveys. Therefore making her a Herald of Catastrophe (despite her repeated insistence that it's only a second job, people still sought out her expertise). Among the Herlads of Catastrophe, Earthspirit and Provence are friends (Provence still performs her duties as a Herald of Catastrophe while serving as a Rhodes Island Operator). Earthspirit also mentors volcanologist and fellow Caprinae, Eyjafjalla, on occasion.
</p>

<p>According to Earthspirit, the hunk of Originium on her staff often speaks to her. Before arriving at Rhodes Island, it was unintelligible chatter. But now she finds she can understand some of what it has to say. Earthspirit finds this unnerving, but since her staff was custom-enchanted with Leithanienn Arts and sonar projection added for geological surveys, she couldn't give it up. So she has to live with the voice and get used its chattering as part of her job. Since no one but Earthspirit can hear the voice and no other Operators have complained, treatment for chronic occupational stress-related tinnitus should be considered.
</p>
</div>

<div id="info2" class="appear">
<center>
<h1>Profile</h1>
</center>
Codename<div class="r">Earthspirit</div><br>
Age<div class="r">23</div><br>
Gender<div class="r">Female</div><br>
Race<div class="r">Caprinae</div><br>
Height<div class="r">161cm</div><br>
Birthday<div class="r">April 5</div><br>
Place of Birth<div class="r">Leithanien</div><br>
Class<div class="r">Supporter</div><br>
Affiliation<div class="r">Leithanien</div><br>
</div>

<div id="info3" class="appear">
<center>
<h1>Page Three</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="info4" class="appear">
<center>
<h1>OOC</h1>
</center>
<ol>
<li>Character is from the mobile video game, Arknights.</li>
<li>Shitpost - Multi-Para</li>
<li>Don't be a dick.</li>
<li>Trying to play Earthspirit the way she was written, but there are going to be some natural differences.</li>
<li>In-Room approach is appreciated.</li>
<li>Profile was made by <a target="_blank" href="https://roleplay.chat/profile.php?user=From+Shadows+Codes">From Shadows</a> for Earthspirit's use. Please do not steal or appropriate.</li></div>