Lancelot Code

@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One|Open+Sans:300,300i,400,400i');

body{
background-color:#444;
overflow:hidden;
}

::-webkit-scrollbar
{
	width: 0px;
	background-color: transparent;
}


#lancelot{
background-image:url(https://i.imgur.com/NDYtXAS.jpg);
background-size:100%;
background-repeat:no-repeat;
height:750px;
width:400px;
position:absolute;
left:50%;
top:50%;
margin-left:0px;
margin-top:-375px;
filter:drop-shadow(2px 2px 10px #000);
}

h1{
font-family: 'Julius Sans One', sans-serif;
font-size:35pt;
color:#fff;
transform:rotate(-90deg);
position:absolute;
top:50%;
left:50%;
margin-left:140px;
margin-top:-50px;
text-margin:left;
z-index:99;
}

h2{
font-family: 'Julius Sans One', sans-serif;
font-size:6pt;
color:#fff;
transform:rotate(-90deg);
position:absolute;
top:50%;
left:50%;
margin-left:-370px;
margin-top:0px;
text-margin:left;
z-index:99;
}

h3{
font-family: 'Julius Sans One', sans-serif;
font-size:14pt;
color:#000;
text-align:right;
margin-top:0px;
margin-bottom:5px;
letter-spacing:3px;
}

#background-box{
background-color:#dadada;
width:350px;
height:350px;
position:absolute;
bottom:0px;
left:0px;
margin-left:25px;
margin-bottom:25px;
opacity:0.1;
transition:1s;
}

#lancelot:hover #background-box{
opacity:0.8
}

#box{
background-color:#dadada;
width:315px;
height:315px;
position:absolute;
bottom:0px;
left:0px;
margin-left:37.5px;
margin-bottom:37.5px;
opacity:0.1;
transition:1s;
overflow:auto;
padding:5px;
color:#000;
font-family: 'Open Sans', sans-serif;
font-size:8pt;
}

#lancelot:hover #box{
opacity:0.8;
}

<h1> Lancelot of the Lake </h1>
<h2> My code — Lancelot is from Fate/Grand Order, Crossovers acceptable — Literate/Experienced Writer — Story driven character with a lot of 'baggage' — Golden Rule </h2>
<div id="lancelot">

<div id="background-box">
</div>
<div id="box">
<h3>knight of the lake</h3>
<font style="float:left;">Name</font><font style="float:right;">Sir Lancelot du Lac</font></br>
<font style="float:left;">Class</font><font style="float:right;">Saber</font></br>
<font style="float:left;">Gender</font><font style="float:right;">Male</font></br>
<font style="float:left;">Height</font><font style="float:right;">191cm</font></br>
<font style="float:left;">Weight</font><font style="float:right;">81kg</font></br>
<font style="float:left;">Build</font><font style="float:right;">Muscular</font></br>
<font style="float:left;">Eyes</font><font style="float:right;">Golden</font></br>
<font style="float:left;">Hair</font><font style="float:right;">Violet</font></br>
<font style="float:left;">Alignment</font><font style="float:right;">Lawful Good</font></br>
<font style="float:left;">Master</font><font style="float:right;">None</font></br>
<font style="float:left;">Paramour</font><font style="float:right;">Never Again</font></br></br>

	<del> 	 	 	 	 	 	 	 	 	 	 	 	  	 	 	 	 	 	 	 	 	 	 	 	  	 	 	 	 	 	 	 	 	 	 	 	  	 	 	 	 	 	 	 	 	 	 	 	  	 	 	 	 	 	</del><br>
<h3>servant stats</h3>
<font style="float:left;">Strength</font><font style="float:right;">B</font></br>
<font style="float:left;">Agility</font><font style="float:right;">B</font></br>
<font style="float:left;">Luck</font><font style="float:right;">B</font></br>
<font style="float:left;">Endurance</font><font style="float:right;">A</font></br>
<font style="float:left;">Mana</font><font style="float:right;">C</font></br>
<font style="float:left;">NP</font><font style="float:right;">A++</font></br></br>

	<del> 	 	 	 	 	 	 	 	 	 	 	 	  	 	 	 	 	 	 	 	 	 	 	 	  	 	 	 	 	 	 	 	 	 	 	 	  	 	 	 	 	 	 	 	 	 	 	 	  	 	 	 	 	 	</del><br>
<h3>Class/Personal Skills</h3>
<b> Magic Resistance </b> [B] - Cancel spells with a chant below three verses. Even if targeted by High-Thaumaturgy and Greater Rituals, it is difficult for them to be affected.<br><br>
Riding [B] - Most vehicles can be handled with above average skill. However, cannot ride the likes of Phantasm Races such as Monstrous Beasts.<br><br>
<b>Knight of the Lake [A] </b>- ??? <br><br>
<b>Eternal Arms Mastership [A+] </b> - Mastership of combat arts has reached the point of being said to be unrivaled in one's era. By complete merging of mind, body and technique, it is possible to make use of full fighting skills even when under the influence of any sort of mental hindrance.<br> <br>
<b>A Knight Does Not Die With Empty Hands [A++] </b> - Knight of Owner: A Knight Does Not Die with Empty Hands is an ability that is the embodiment of the incident where Lancelot was forced to fight Phelot unarmed and proved his fighting prowess by claiming victory with an elm branch. Rather than an overt weapon, it manifests as a "unique ability" retained by his body. Once Saber grabs a hold of anything that can be even remotely conceptualized as a weapon by his own recognition with his gauntlets and he recognizes that he wishes to wield it, it instantly gains the property of "becoming his Noble Phantasm." Even control of other Servants' Noble Phantasms will instantly go to him should he grab hold of them. It can only be activated for objects recognized as "this is a weapon", so he could use a steel chair if he happened to be skilled in wrestling. <br> <br>
<b>Protection of the Fairies [A]</b> - Protection of the Fairies is a blessing from Elementals; the capacity to increase one's Luck in dangerous situations. Activation is limited to battlefields, where it is possible to perform feats of arms.<br><br>
<del> 	 	 	 	 	 	 	 	 	 	 	 	  	 	 	 	 	 	 	 	 	 	 	 	  	 	 	 	 	 	 	 	 	 	 	 	  	 	 	 	 	 	 	 	 	 	 	 	  	 	 	 	 	 	</del><br>
<h3>Noble Phantasm</h3>
Name- <b> Arondight: The Unfading Light of the Lake</b><br>
Owner- Lancelot<br>
Type- Anti-Unit<br>
Rank- A++<br>
Range- 1-2 <br>
Maximum number of targets- 1<br><br>
Arondight: The Unfading Light of the Lake ( 無毀なる湖光アロンダイト , Mukinaru KoukōArondaito ?) is a holy sword wielded by Lancelot that is the counterpart of King Arthur's Excalibur. It bears a similar design to that of Excalibur, carved with Fairy Letters to show that it was a Divine Construct not forged by mortal hands. It is a limitless sword capable of receiving any attack without taking damage that shines much like the water of the Lake. It was given only to someone who could be exalted as the "perfect knight", the strongest, bravest and truest knight of an era, which signifies the unrivaled Lancelot out of all those who sat at the Round Table of Camelot. As a Saber, during the time this sword is drawn out, it increases all of Lancelot's parameters by one rank, and due to the legend in which Lancelot slew a dragon, Arondight deals additional damage to Heroic Spirits who have a "dragon" attribute like Artoria.<br><br>

Name- <b>Arondight - Overload: Breaking All Restraints - Overloaded Light of the Lake</b><br>
Owner- Lancelot<br>
Type- Anti-Army<br>
Rank- A<br>
Range- 50 <br>
Maximum number of targets- 500 people<br><br>

Arondight - Overload: Breaking All Restraints - Overloaded Light of the Lake ( 縛鎖全断・過重湖光アロンダイト・オーバーロード , Baku Kusari Zen Dan Kajū KoukōArondaito О̄bārōdo ?) is the Noble Phantasm of Lancelot. Lancelot bestows an overload to the Unbreakable Lake Light, letting the charged magical energy leak out. It is then re-purposed into an attack. This Noble Phantasm is something close to a sword skill, which deliberately refrains from emitting the mana as a slash of light, instead releasing it upon cutting at the target. The blue light of the vast magical energy that overflows from the severed section has been alluded as like a lake.
</div>

</div>