<style type="text/css">
.pfor {display: none;}
#profile {width: 99%;}
#profile {border: 0px;}
#profile {background-color: transparent;}
body {background-color: #CC0000;}
body {background-image:url("https://i.imgur.com/gImQ0Gi.png");
background-attachment:fixed;
background-repeat:no-repeat;
background-position: 100% 00%;
background-size:contain;}

#header
{background-color: #000000;
font-family: Edwardian Script ITC;
font-size: 40px;
text-align: center;
line-height: 50px;
position: absolute;
top: 50px;
left: 50px;
width: 750px;
height: 50px;}

#subheader
{background-color: 000000;
font-family: Times New Roman;
font-size: 15px;
text-align: center;
color: FFD700;
line-height: 25px;
position: absolute;
top: 105px;
left: 50px;
width: 750px;
height: 25px;}

#statnav
{font-family: times new roman;
font-size: 16px;
font-color: 000000;
text-align: center;
position: absolute;
overflow: hidden;
top: 135px;
left: 50px;
height: 90px;
width: 100px;}

a:link.statnav, a:visited.statnav, a:active.statnav
{font-family: Times New Roman;
font-size: 10px;
text-transform: Capitalize;
color: #FFD700;
background-color: #000000;
display: block;
padding: 3px;
margin: 0px;
line-height: 17px;
letter-spacing: 1px;
text-decoration: none;
cursor: default;}

a:hover.statnav
{background-color: #ffffff; color: #FFD700; transition: 1s;}

#stat
{background-color: 000000;
font-family: times new roman;
font-size: 16px;
font-color: FFD700;
text-align: center;
position: absolute;
overflow: hidden;
top: 135px;
left: 155px;
height: 90px;
width: 645px;}

#subfooter
{background-color: 000000;
font-family: Times New Roman;
font-size: 15px;
text-align: center;
color: FFD700;
line-height: 25px;
position: absolute;
top: 230px;
left: 50px;
width: 750px;
height: 25px;}

#connav
{font-family: times new roman;
font-size: 16px;
font-color: 000000;
text-align: center;
position: absolute;
overflow: hidden;
top: 260px;
left: 50px;
height: 25px;
width: 750px;}
a:link.connav, a:visited.connav, a:active.connav
{font-family: Times New Roman;
font-size: 12px;
text-transform: Capitalize;
color: #FFD700;
background-color: #000000;
display: in-line block;
padding: 80px;
margin: 11px;
height: 25px;
width: 1000px;
line-height: 25px;
letter-spacing: 1px;
text-decoration: none;
cursor: default;}
a:hover.connav
{background-color: #ffffff; color: #64585A; transition: 1s;}

#con
{background-color: 000000;
font-family: Times New Roman;
font-size: 12px;
text-align: left;
color: #ffffff;
position: absolute;
overflow: hidden;
top: 290px;
left: 50px;
width: 750px;
height: 255px;
padding-left: 0px;}

#subfooter2
{background-color: 000000;
font-family: Times New Roman;
font-size: 15px;
text-align: center;
color: FFD700;
line-height: 25px;
position: absolute;
top: 550px;
left: 50px;
width: 750px;
height: 25px;}

a:link.ooc, a:visited.ooc, a:active.ooc
{font-family: Times New Roman;
font-size: 12px;
color: #FFD700;
line-height: 16px;
margin: 45px;
letter-spacing: 1px;
text-decoration: none;
cursor: default;}

a:hover.ooc
{color: #FFFFFF; transition: 1s;}

#footer
{background-color: 000000;
font-family: Times New Roman;
font-size: 15px;
text-align: center;
color: #FFD700;
line-height: 40px;
position: absolute;
letter-spacing: 10px;
top: 580px;
left: 50px;
width: 750px;
height: 40px;}

::-webkit-scrollbar
{color:#000000;
width: .3em;}

::-webkit-scrollbar-thumb
{background: #000000;}

h1 {font-family: times new roman;
font-size: 15px;
line-height: 25px;
color: #000000;
letter-spacing: 1px;
background-color: #CC0000;
border-right: 15px solid #CC0000;
border-left: 15px solid #CC0000;
border-top: 10px solid #CC0000;
border-bottom: 10px solid #CC0000;
text-indent: 10px;
font-variant: none;}

h1 {font-family: Times New Roman;
font-size: 15px;
line-height: 25px;
color: #FFD700;
letter-spacing: 1px;
background-color: #000000;
border-right: 3px solid #CC0000;
border-left: 3px solid #CC0000;
border-top: 3px solid #CC0000;
border-bottom: 3px solid #CC0000;
text-indent: 10px;
width: 755px;
font-variant: none;}

h1 {font-family: 'Times New Roman';
font-size: 15px;
text-align: center;
text-indent: 10px;
color: #FFD700;
background-color: #000000;
line-height: 25px;
letter-spacing: 0px;
font-variant: none;
width: 755px;
border-radius: 0px 0px 0px 0px;
 -moz-border-radius: 0px 0px 0px 0px;
 -webkit-border-radius: 0px 0px 0px 0px;}

h2 {font-family: 'Times New Roman';
font-size: 15px;
line-height: 18px;
color: #FFD700;
letter-spacing: 1px;
background-color: #CC0000;
border-right: 2px solid #CC0000;
border-left: 2px solid #CC0000;
border-top: 2px solid #CC0000;
border-bottom: 2px solid #CC0000;
text-indent: 10px;
font-variant: none;}

 h2 {font-family: 'Mate SC';
font-size: 15px;
text-align: left;
text-indent: 10px;
color: #000000;
background-color: #CC0000;
line-height: 30px;
width: 30%;
letter-spacing: 0px;
font-variant: none;
border-radius: 0px 30px 30px 0px;
 -moz-border-radius: 0px 30px 30px 0px;
 -webkit-border-radius: 0px 30px 30px 0px;}
</style>

<div id="header"><font color="#FFD700">The Slave of the Dark Pages</font></div>
<div id="subheader"><font color="#FFD700">General Information</font></div>
<div id="statnav">
<a class="statnav" href="#S1">Social</a>
<a class="statnav" href="#S2">Physical</a>
<a class="statnav" href="#S3">Mental</a>
<a class="statnav" href="#S4">(OOC)</a>
</div>
<div id="stat">
<a name="S1"></a>
<div style="height: 90px; width: 625px; overflow: auto;">
<table height="90px" width="625px">
<tr><td colspan="1" valign="top"><font color="#FFFFFF" size="2">
<font color="#FFD700"><b>Name: </font></b>Gwydion Eibon le Atlantes<br>
<font color="#FFD700"><b>Alias: </font></b>The Slave of the Dark Pages<br>
<font color="#FFD700"><b>Occupation: </font></b>Adventuring Magus.<br>
<font color="#FFD700"><b>Sexuality: </font></b>Bisexual (Feminine Pref.)<br>
<font color="#FFD700"><b>Martial Status: </font></b>Uninterested (Single.)<br>
</td>
</tr>
</table>
</div>
<a name="S2"></a>
<div style="height: 90px; width: 625px; overflow: auto;">
<table height="90px" width="625">
<tr><td colspan="1" valign="top"><font color="#FFFFFF" size="2">
<font color="#FFD700"><b>Physical Appearance: </font></b>Value<br><br>
<font color="#FFD700"><b>Clothing Style: </font></b>Value<br><br>
<font color="#FFD700"><b>Racial Profile: </font></b>Value<br>
</td>
</td>
</tr>
</table>
</div>
<a name="S3"></a>
<div style="height: 90px; width: 625px; overflow: auto;">
<table height="90px" width="625px">
<tr><td colspan="1" valign="top"><font color="#FFFFFF" size="2">
<font color="#FFD700"><b>Personality: </font></b>Value<br>
</td>
<font color="#FFD700"><td colspan="1" valign="top"><font color="#FFFFFF" size="2"><br>
</td>
</tr>
</table>
</div>
<a name="S4"></a>
<div style="height: 90px; width: 625px; overflow: auto;">
<table height="90px" width="625px">
<tr><td colspan="1" valign="top"><font color="#FFFFFF" size="2">
<font color="#FFD700"><b>Genre: </font></b>Fantasy (Any.)<br>
<font color="#FFD700"><b>Style: </font></b>Third Person.<br>
<font color="#FFD700"><b>Posts: </font></b>Semi to Multi.<br>
<font color="#FFD700"><b>Limits: </font></b>No Profile. <br>
<font color="#FFD700"><b>Time-Zone: </font></b>Eastern.<br>
</td>
<td colspan="1" valign="top"><font color="#FFFFFF" size="2">
<font color="#FFD700"><b>Rating: </font></b>Mature.<br>
<font color="#FFD700"><b>Combat: </font></b><a class="link" href="https://pastebin.com/Qy42Z5A0" target="_blank">{T1}</a><br>
<font color="#FFD700"><b>Preference: </font></b>Anything?<br>
<font color="#FFD700"><b>PM-Friendly: </font></b>Very.<br>
</td>
</tr>
</table>
</div>

</div>
<div id="subfooter"><font color="#FFD700">Combat Information</font></div>
<div id="connav">
<a class="connav" href="#C1">Magic Index</a>
<a class="connav" href="#C2">Armaments </a>
<a class="connav" href="#C3">Relations</a>
</div>
<div id="con">
<a name="C1"></a>
<div style="width: 750px; height: 255px; overflow: auto;">
<font color="#FFD700" size="5"><h1>The Magical Index</h1></font><br>
Test stuff here.<br>
<font color="#FFD700" size="5"><h2>The Necronomicon</h2></font><br>
Insert text here.
<font color="#FFD700" size="5"><h2>vle</h2></font><br><br>
<br>
</div>
<a name="C2"></a>
<div style="width: 750px; height: 255px; overflow: auto;">
<font color="#FFD700" size="5"><h1>Armaments</h1></font><br>
<br>
Armaments
</div>
<a name="C3"></a>
<div style="width: 750px; height: 255px; overflow: auto;">
<font color="#FFD700" size="5"><H1>Relations</h1></font><br>
<br>
Relations
</div>
</div>
</div>
<div id="subfooter2"><font color="#FFD700">[BLANK SPOT]</font></div>
<div id="footer"></div>
</style>