Anastasia Romanova

<style>
@import url('https://fonts.googleapis.com/css?family=Baskervville|Cinzel|Cormorant+Garamond|Great+Vibes|Nanum+Myeongjo|Parisienne|Playfair+Display+SC&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: #C0C9D8;
}

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

#image img{
height: 130vh;
}

@keyframes info{
from{right:-50vw;}
to{right:5vw;}
}

@keyframes bar{
from{width:0vw;}
to{width:35vw;}
}

@keyframes nav{
from{bottom: 22vh;opacity:0;}
to{bottom: 16vh;opacity:1;}
}

#box{
position: fixed;
padding: 1%;
z-index: 4;
text-align: center;
background: #429999;
border: 3px #fff double;
height: 30vh;
width: 35vw;
bottom: 25vh;
box-shadow: .5vh 1vh 1vh #000;
font-family: 'Cormorant Garamond';
font-size: 2.25vh;
color: #fff;
text-shadow: .25vh .25vh .5vh #000;
overflow: auto;
animation: info 3s 1;
animation-fill-mode: both;
animation-delay: .25s;
}

#title{
position: fixed;
text-align: right;
z-index: 5;
height: 15vh;
width: 35vw;
top: 26vh;
font-family: 'Cinzel';
font-size: 12vh;
color: #dcf5f5;
text-shadow: .5vh 1vh 1vh #000;
animation: info 3s 1;
animation-fill-mode: both;
animation-delay: .5s;
}

#bar{
position: fixed;
background: #fff;
z-index: 5;
height: 0.3vh;
right: 5vw;
top: 38.5vh;
box-shadow: .25vh .5vh 1vh #000;
animation: bar 3s 1;
animation-fill-mode: both;
}

h1{
font-family: 'Great Vibes';
font-size: 5vh;
font-weight: lighter;
}

a{
font-family: 'Parisienne';
text-decoration: none;
color: #fff;
transition: 0.3s;
}

a:hover{
transition: 0.3s;
color: #85ffff;
text-shadow: 0 0 1vh #fff;
}

#nav1, #nav2, #nav3, #nav4{
position: fixed;
z-index: 3;
opacity: 0;
animation: nav 1s 1;
animation-fill-mode: both;
}



#nav1{right: 36vw;animation-delay: 2s;transition: 1s;}
#nav1 img{height: 6vh;}
#nav1:hover{transform:rotate(360deg);transition: 1s;filter:drop-shadow(0 0 1vh #fff);}
#nav2{right: 27vw;animation-delay: 2.25s;transition: 1s;}
#nav2 img{height: 6vh;}
#nav2:hover{transform:rotate(360deg);transition: 1s;filter:drop-shadow(0 0 1vh #fff);}
#nav3{right: 18vw;animation-delay: 2.5s;transition: 1s;}
#nav3 img{height: 6vh;}
#nav3:hover{transform:rotate(360deg);transition: 1s;filter:drop-shadow(0 0 1vh #fff);}
#nav4{right: 9vw;animation-delay: 2.75s;transition: 1s;}
#nav4 img{height: 6vh;}
#nav4:hover{transform:rotate(360deg);transition: 1s;filter:drop-shadow(0 0 1vh #fff);}


</style>

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

<div id="nav1"><a href="#one"><img src="https://i.imgur.com/1vnMItn.png"></a></div>
<div id="nav2"><a href="#two"><img src="https://i.imgur.com/1vnMItn.png"></a></div>
<div id="nav3"><a href="#three"><img src="https://i.imgur.com/1vnMItn.png"></a></div>
<div id="nav4"><a href="#four"><img src="https://i.imgur.com/1vnMItn.png"></a></div>

<div id="title">Anastasia</div>
<div id="bar"></div>
<div id="box">

<div style="height: 100%; overflow-y: hidden;">
<a name="one"></a>
<div style="width:100%; height: 100%; overflow: auto; " align="center">
 <h1>Imperial Princess</h1>
<p>Caster's True Name is Anastasia Nikolaevna Romanova (アナスタシア・ニコラエヴナ・ロマノヴァ, Anasutashia Nikoraevuna Romanova?). The youngest daughter of Nikolay II, the last Tsar of the Russian Empire. Swallowed by the turbulence of the Russian Revolutions, she was murdered at the Ipatiev House along with her family, servants and pet animals.</p>
<p>Fundamentally naive and innocent, but due a misanthropic disposition, she speaks in a dispassionate tone right after being summoned - a stage in which she still does not have faith in the Master. If one were to earn her trust, he will probably see her original lively, mischievous side. She left behind many pleasant episodes, such as taking her own picture by projecting the camera with a mirror... something that modern people would call a "selfie".</p>
<p>Many of her letters to her family still remain, which gives us a glimpse of her innocent side and deep affection to her family. Strictly speaking, the spirit or monster called Viy does not exist. It is a fictional monster that appeared in the horror novella "Viy", written by the Russian literary master Gogol. However, there are several folklores similar to Viy in Slav culture, and one can surmise that it was modeled after them.</p>
<p>The Viy that Anastasia is contracted with was a familiar in the possession of the Russian Empire. By means of his mystic eyes, he exposed all secrets, discovered weak points in fortresses and also dyed enemies in blood. However, it is impossible to either see or control him without the necessary talent───. It was only in the brink of death that Anastasia attained the qualifications to make a contract with him.</p>
 </div>


 <a name="two"></a>
 <div style="width:100%; height: 100%; overflow: auto; " align="center">
 <h1>Stats</h1>
 Name: Anastasia Nikolaevna Romanova<br>
 Also Known As: The Imperial Princess, the Czarina<br>
 Race: Heroic Spirit<br>
 Gender: Female<br>
 Origin: Russian History<br>
 Master: <a target="_blank" href="https://roleplay.chat/profile.php?user=Ragnarok">Ece Laufeyson.</a><br>
 <br>
 Height: 158cm<br>
 Weight: 40kg<br>
 Preference: Competence.<br>
 Status: Helbound.

 </div>

 <a name="three"></a>
 <div style="width:100%; height: 100%; overflow: auto; " align="center">
 <h1>Notes and Headcanons</h1>

 <li>Having contracted with Viy, the prized spirit of the Russian Empire, Anastasia can manipulate ice and cold. Much of her magical energy requirements are covered by Viy, so the load on her master is low.</li>

 </div>


<a name="four"></a>
 <div style="width:100%; height: 100%; overflow: auto; " align="center">
 <h1>Out of Character</h1>
 <ol>
 <li>PM Friendly.</li>
 <li>Semi-Para to Para+</li>
 <li>Story and/or Smut</li>
 <li>I reserve the right to deny RP.</li>
 <li>No Profile = No RP</li>
 <li>Character belongs to the Fate universe.</li>
<li><a target="_blank" href="https://imgur.com/a/wtsaf0e">Images.</a>
<li>Layout constructed by <a target="_blank" href="https://roleplay.chat/profile.php?user=From+Shadows+Codes">From Shadows.</a> Please do not steal or appropriate. Thank you!</li>
 </ol>
 </div>
</div>