Saber Lily

<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: #C5C5C5;
 }

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

 #image img{
 height: 100vh;
 }

 @keyframes title{
 from{top: -70vh;}
 to{top: 11vh;}
 }

 @keyframes box1{
 from{top: -70vh;}
 to{top: 18vh;}
 }


 @keyframes swords{
 from{top: 200vh;}
 to{top: 55vh;}
 }


 #sword1{
 position: fixed;
 z-index: 1;
 background: url(https://i.imgur.com/NUa7P8t.png);
 background-position: center;
 background-size: 100%;
 background-repeat: no-repeat;
 right: 36.5vw;
 height: 10vh;
 width: 20vw;
 transform: rotate(90deg);
 transition: .5s;
 animation: swords 1s 1;
 animation-fill-mode: both;
 animation-delay: .75s;
 }

 #sword1:hover{
 filter: drop-shadow( 0 0 2vh #fff5bf);
 }

 #sword2{
 position: fixed;
 z-index: 1;
 background: url(https://i.imgur.com/NUa7P8t.png);
 background-position: center;
 background-size: 100%;
 background-repeat: no-repeat;
 right: 21.5vw;
 height: 10vh;
 width: 20vw;
 transform: rotate(90deg);
 transition: 0.5s;
 animation: swords 1s 1;
 animation-fill-mode: both;
 animation-delay: .9s;
 }

 #sword2:hover{
 filter: drop-shadow( 0 0 2vh #fff5bf);
 }

 #sword3{
 position: fixed;
 z-index: 1;
 background: url(https://i.imgur.com/NUa7P8t.png);
 background-position: center;
 background-size: 100%;
 background-repeat: no-repeat;
 right: 6.5vw;
 height: 10vh;
 width: 20vw;
 transform: rotate(90deg);
 transition: .5s;
 animation: swords 1s 1;
 animation-fill-mode: both;
 animation-delay: 1.05s;
 }

 #sword3:hover{
 transition: .5s;
 top: 60vh;
 filter: drop-shadow( 0 0 2vh #fff5bf);
 }

 #title{
 position: fixed;
 text-align: center;
 z-index: 5;
 height: 25vh;
 width: 65vw;
 right: -3vw;
 font-family: 'Channel';
 font-size: 8vh;
 color: #707070;
 text-shadow: 0 1vh 2vh #fff;
 animation: title 1s 1;
 animation-fill-mode: both;
 animation-delay: .4s;
 }

 #box{
 position: Fixed;
 padding: 1%;
 z-index: 2;
 overflow: auto;
 border: 2px #fff solid;
 background: rgba(0, 0, 0, 0.7);
 box-shadow: 0 0 2vh #fff;
 height: 40vh;
 width: 39vw;
 right: 10vw;
 color: #fff;
 text-shadow: 0 .25vh 1vh #000;
 font-family: 'King Filled';
 font-size: 2.25vh;
 animation: box1 1s 1;
 animation-fill-mode: both;
 animation-delay: .25s;
 }


 h1{
 font-family: 'Bigfoot';
 font-size: 5vh;
 }


 .r{float:right;}

a{
 color: #f4e242;
 transition: 0.3s;
 text-decoration: none;
}

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


</style>

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

<div id="title">
 Arthur Pendragon
</div>

<a href="#one"><div id="sword1"></div></a>
<a href="#two"><div id="sword2"></div></a>
<a href="#three"><div id="sword3"></div></a>

<div id="box">
 <div style="height: 100%; overflow-y: hidden;">
<a name="one"></a>
<div style="width:100%; height: 100%; overflow: auto; " align="left">
 <center><h1>Knight Princess</h1></center>
<p>Saber's True Name is Artoria Pendragon (Lily), better known as Arthur Pendragon and King Arthur, a child born with the destiny to save the Isle of Britain, which was heading towards ruin due the fading of mystery. She is an "incarnation of the dragon", a red dragon who would protect Britain, created by the plan of the previous king, Uther, and the magus Merlin. As a result, her heart was replaced with a dragon's one, "Pendragon" (the last name used by Artoria's family)</p>

<p>In this state, she is known as the Knight Princess, who wielded Caliburn as an inexperienced knight that had had just began walking down the path of a king. To learn more about the world, Artoria traveled the land and engaged in many adventures. The people she saved in his time called her the Knight Princess for her brilliance and beauty.</p>

<p>Her party during the country-wide tour was made up of herself, her step-brother, Sir Kay, and the attendant magus Merlin. Their adventures usually started with Artoria meddling in something or Merlin's humor getting out of hand. Kay would usually end up being the one trying to undo the damage the other two had caused.</p>

 </div>


 <a name="two"></a>
 <div style="width:100%; height: 100%; overflow: auto; " align="left">
 <center><h1>Stats</h1></center>
 Name:<div class="r">Artoria (Arthur) Pendragon</div><br>
 Also Known As: <div class="r">King Arthur, The Knight Princess, Lily</div><br>
 Race: <div class="r">Heroic Spirit</div><br>
 Gender: <div class="r">Female</div><br>
 Origin: <div class="r">Arthurian Legend, English</div><br>
 Master: <div class="r"><a target="_blank" href="https://roleplay.chat/profile.php?user=Gudao">Ritsuka Fujimaru.</a></div><br>
 <br>
 Height: <div class="r">154 cm.</div><br>
 Weight: <div class="r">42kg</div><br>
 Preference: <div class="r">Competence!</div><br>
 Status: <div class="r">Stand by.</div><br>

 </div>

 <a name="three"></a>
 <div style="width:100%; height: 100%; overflow: auto; " align="left">
 <h1>Out of Character</h1>
 <ol>
 <li>PM Friendly.</li>
 <li>Semi-Para to Para+</li>
 <li>Story+Smut</li>
 <li>I reserve the right to deny RP.</li>
 <li>No Profile = No RP</li>
 <li>Character belongs to the Fate/Grand Order universe.</li>
 <li><a target="_blank" href="https://imgur.com/a/V5Qsr7c">Extra Images.</a></li>
<li>Code done by <a target="_blank" href="https://roleplay.chat/profile.php?user=From+Shadows+Codes">From Shadows.</a>
 </ol>
 </div>




</div>
</div>