Hino - code

<Style>
Body {

background-color: #91518f;
background-image: url("https://i.imgur.com/25vuLvP.png");
}


::-webkit-scrollbar {


width: 5px; }






::-webkit-scrollbar-thumb:vertical {


min-height: 30px;


border-right:transparent;


background:; }






::selection {


background: ; /* WebKit/Blink Browsers */


}


::-moz-selection {


background: ; /* Gecko Browsers */


}






.container {


position: absolute;


margin-top:22vh;


margin-left:19vw;


width: 470px;


height: 450px;


background-size: cover;


background-image: url('https://c.tenor.com/w8ChWkEFk30AAAAC/tenor.gif');
background-repeat:no-repeat;


border: 1px solid #6d2c2c;
transition: width 2.5s ease-in;
}



.container:hover {
Width:1170px}


#InfoContainer {


position: absolute;


right:0vw;


width:470px;


font-family: 'Black Pearl';


height: 450px;


padding: 0px 0px 0px 0px;


background-size: cover;


opacity:0;
transition:fade-in 2.5s;
}






#InfoContainer:hover{
Width:1170px;
opacity:1;


}




#Hino{


position: absolute;


top:0vh;


left:23vw;


width:100%;


height:100%;


background-image: url("https://i.imgur.com/18liZjn.png");


background-repeat: no-repeat;


background-position: fixed;


background-size: 25%;


z-index:99;}






.infobox{


position: absolute;


width: 230px;


height:330px;


left:35vw;


top: 49px;


padding: 5px;


text-transform: Bold, uppercase;


line-height: 15px;


letter-spacing:1px;


text-align: justify;


font-size:8.5pt;


color:#00000;

text-shadow: 1px 1px 2px purple, 0 0 1em blue, 0 0 0.2em red;
z-index:1;


overflow-y: scroll; }




h1 {


font-size:7px;


text-transform: uppercase;


color: white;


margin: 0px;


letter-spacing: 4px;


font-family: 'Celtic Garamond';


font-weight: 800;


line-height: 120%;


text-align: center;


padding-bottom: 10px;


border-bottom: 1px solid red;


margin-bottom: 10px;


}
</style>

<link href="https://themonstrousdev.github.io/styles/fancy-fonts.css" rel="stylesheet">


<link href="https://themonstrousdev.github.io/styles/google-fonts.css" rel="stylesheet">

<div id="Hino"></div>
<div class="container">





<div id="InfoContainer">


<div class="infobox">


<h1>The Self-Annihilator</h1>


<font style=float:left><b><i>Name:</i></font> </b> <font style=float:right>.</span></font><br>


<b><font style=float:left><i>Aliases:</i></font></b><font style=float:right>.</span></font><br>


<b><font style=float:left><i>Birth-date:</i></font> </b> <font style=float:right>.</span></font><br>


<b><font style=float:left><i>Age:</i></font></b><font style=float:right> 27.</span></font><br>


<b><font style=float:left><i>Race:</i></font></b> <font style=float:right><a title="Seemingly lost her oni physiology when becoming an Emantor of IX. Losing both her Memories, sense of taste, and horns">Formerly Oni**</a></span></font><br>


<b><font style=float:left><i>Path:</i></font></b><font style=float:right> Nihility</span></font><br>


<b><font style=float:left><i>Status:</i></font></b><font style=float:right>Emanator</span></font><br>


<b><font style=float:left><i>Faction:</i></font></b> <font style=float:right> Self-Annihilator</span></font><br>


<b><font style=float:left><i>Weight:</i></font></b> <font style=float:right>120lbs.</span></font><br>


<b><font style=float:left><i>Hair Color:</i></font></b> <font style=float:right>Purple/Silver.</span></font><br>


<b><font style=float:left><i>Eye Color:</i></font></b> <font style=float:right> violet/Red.</span></font><br>


<b><font style=float:left><i>R.S:</i></font></b><font style=float:right>Singular.</span></font><br><br>


<center><h1>Headcanons</h1></center> <br>
<center>
- Despite not being able to taste, Acheron does eat from time to time. She associates feelings with certain food.<br> <br>
- Despite the Nihility slowly making her not care to put it on, Acheron still tries out different makeup.<br><br>
- Her sense of direction has greatly dulled, and as such, is prone to wandering.<br><br>
- Keeps a journal where she writes little reminders for herself. Various notes are written for things she finds precious or important.</center>

<h1>Life passes like a fleeting rain.</h1>
<center>Once a rather uncivilized world existed, its people called it <b>Izumo.</b> and its satellite in the sky <b>Takamagahara</b>. One day, vile beasts known as Kami chose to wage war on the humans of Izumo to eradicate the planet's inhabitants... After that fateful day, the humans of Izumo started their crusade against the Kami.<br><br> The humans suffered innumerable losses for the fall of one Kami after another. When they killed the "Sovereign of Revelation," they made the first Edict's edge. Swords that when their wielders recited a mantra, they mastered the divine power of Takamagahara, using it to turn the tide and combat the Kami. It was not without risk that the humans of Izumo would eventually become Oni after drawing power from Takamagahara for prolonged periods. <br><br> Throughout the prolonged war, the people of Izumo broke 70,0033 blades, and out of them forged 12 sentinel blades, and in the course of ten Amber eras, they built cities of neon lights.<br><br> Once the war ended, the sentinels were broken, and the remains were crafted into two blades. <b>Origin and End</b>. The former was wielded by Acheron herself, and the latter was wielded by another oni, Hakuhatsu Ki. The two fought in a duel to decide the future of Izumo. Although Acheron was the victor, it was ultimately meaningless. The Shadow of IX had long loomed over the sister planets. As Acheron realized all they had done was futile, she was consumed by Nihility and became a Self-Annihilator. <br><br>

Her home and its sister were destoryed by IX's Shadow.<br><Br>
<h1> eventually merging with the ground</h1>
</div>



</div>