Ellen - Code

<style>
Body {
background-color: #007a99;
background-size:fill;
background-image: URL("http://i.imgur.com/jlvZ5rr.png");
overflow: hidden;
}


::-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:20vh;


margin-left:16vw;


width: 690px;


height: 475px;


background-size: cover;
background-position: center;

background-image: url('https://i.imgur.com/k7vwnVt.gif');


background-repeat:no-repeat;


border: 1px solid #6d2c2c;}


#Suzaku{


position: absolute;


top:0vh;


left:0vw;


width:34%;


height:100%;


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


background-repeat: no-repeat;


background-position: fixed;


background-size: 60%;


z-index:99;}






.stats {


position: absolute;


width: 230px;


height:330px;


left:4vw;


top: 3vh;


padding: 5px;

  font-family: 'Black Chancery';
text-transform: Bold, uppercase;


line-height: 15px;


letter-spacing:1px;


text-align: justify;


font-size:10pt;


color:white;

text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
z-index:99;


overflow-y: scroll; }






.History{


position: absolute;


width: 300px;


height:330px;


left:14vw;


top:3vh;


padding: 5px;


text-transform: uppercase;


line-height: 15px;


letter-spacing:1px;


text-align: justify;


font-size:6.5pt;
color:white;
text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;

z-index:99;


overflow-y: scroll; }






.ooc {


position: absolute;


display: inline;


top:435px;


left:7px;


height:250px:


width:400px;


color: #00000;


font-family: arial;


font-size: 8pt;


letter-spacing: 0px;


word-spacing:2px;


z-index: 1;}



h1 {


font-size:12px;


text-transform: lowercase;


color: white;


margin: 0px;


letter-spacing: 6px;


font-family: '8-Bit Wonder';


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="Suzaku"></div>
<div class="container">


<div class="Stats">


<h1>title here</h1>


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


<b><font style=float:left><i>Nicknames:</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>----</span></font><br>


<b><font style=float:left><i>Race:</i></font></b> <font style=float:right>-----</span></font><br>

<b><font style=float:left><i>Residency:</i></font></font></b><font style=float:right>----</span></font><br>

<b><font style=float:left><i>Job:</i></font></b><font style=float:right>-----</span></font><br>

<b><font style=float:left><i>Gender:</i></font></b> <font style=float:right>-----</span></font><br>

<b><font style=float:left><i>Height:</i></font></b><font style=float:right>-----</span></font><br>

<b><font style=float:left><i>Weight:</i></font></b> <font style=float:right>----/span></font><br>


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


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


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


<center><h1>Tid-bits</h1></center> <br>
<center>
</center>


</div>


<div class="History">
<h1></h1>
<center>
Test
</center>
</div>


<div class="ooc"><b>OOC here</b></div>


</div>