Rin's Bare Bones profile

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Redressed);
@import url(https://fonts.googleapis.com/css?family=Rationale);


body {
background-image:url("");
background-color:#cccccc;
background-attachment:fixed;
background-position: Center;
background-size:100% 100%;
background-repeat:no-repeat;}

a:active, a:visited, a:link {color:#c28e3a; text-decoration:none; letter-spacing:1px; font-style:none; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; transition:all 1s ease-out;}

a:hover {color:#d2a049; text-decoration:none; font-style:none; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; transition:all 1s ease-out;}

#Di{ width: 300px; height: 350px; color:#454753; font-family: Rationale; font-size: 15px; color: #C11E1E; background-color:#000; border: #C11E1E 1px Solid; border-radius: 10%; overflow: auto; }

#Nav{ width: 25px; height: 160px; color:#C11E1E; font-family: rationale; background-color:; border: # 1px Solid;}
#Nav a:hover { border-color: #; background-color: #transparent; color: #ccc; letter-spacing: 1px; text-shadow: 0 0 0.1em #ccc; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}


b {
font-family:'redressed';
color:#8E8080;
text-transform:normal;
font-size: 18px;
}


::-webkit-scrollbar {width: 3px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: transparent;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #ffccbb;border: 0px ;width: 15px;}


</style>



<div id="Nav" style="position:absolute; top:15%; right:35%; padding:6px;">

<center>
<font size="6"><a href=#000>☬</a></font> <br>
<font size="6"><a href=#001>☫</a></font> <br>
<font size="6"><a href=#002>☬</a></font> <br>
<font size="6"><a href=#003>☫</a></font> <br>
<font size="6"><a href=#004>☬</a></font> <br>
</center>

</div>


<div id="Di" style="position:absolute; top:10%; right:38%; padding:6px;">


</td><td valign="000">
<div style="height: 100%; overflow-y: hidden;">
<a name="000"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">



<br>

<li>Identity: </li>
<li>Also Known As:</il>
<li>Age: </li>
<li>Sex: </li>
<li>Race: </li>
<li>Sexuality: </li>
<li>Height: </li>
<li>Weight: </li>
<li>Alignment: </li>
<li>Marital:
<li>Servant:

<br><br>

</div>

</td><td valign="001">
<div style="height: 100%; overflow-y: hidden;">
<a name="001"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">

<center>
<b>Background</b>
</center>
Words here
</div>

</td><td valign="002">
<div style="height: 100%; overflow-y: hidden;">
<a name="002"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">

<center>
<b>Personality</b>
</center>
Words here
</div>

</td><td valign="003">
<div style="height: 100%; overflow-y: hidden;">
<a name="003"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">

<center>
<b>The Mage</b>
</center>
words here

</div>


</td><td valign="004">
<div style="height: 100%; overflow-y: hidden;">
<a name="004"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">

<center>
<b>Out of Character</b>
</center>

words here


</div>
</div>