Untitled

<!DOCTYPE html>

<style type="text/css">


body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important; }

::-webkit-scrollbar {progress; width: 0px;}
::-webkit-scrollbar-thumb:vertical {
 background-color: none;
 border: 1px solid #3c5032;
 -webkit-border-radius: 1px;
 box-shadow: 0 0 3px transparent, inset 0 0 6px transparent;
 -moz-transition:all 0.3s ease-in-out;
 -webkit-transition:all 0.3s ease-in-out;}
::-webkit-scrollbar-thumb:vertical:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover {border-color:transparent;box-shadow: 0 0 12px transparent, inset 0 0 16px transparent;}

.bg {position: fixed;
width: 1000px;
height: 570px;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: none url('')
center center repeat;
 text-align: center;
border: 0px solid #ccc;}


body {background-color: #C6C6C6;}

h1 {
color:#ffffff;
text-transform: normal;
font-size:12px;
letter-spacing: 3;
 padding:1px;
 margin-top: 5px;
 margin-bottom: -5px;
 padding-bottom: 10px;
 background-color: transparent;
 font-size:20px;
font-family: 'Pacifico', cursive;
 text-transform:lowercase;
 letter-spacing: 1px;
 text-align: center;
 border-right: 30px solid transparent;
 border-left: 30px solid transparent;}


a {color: #c3e0b5;
text-shadow:
#000 -1px 0px,
#000 0px 1px,
#000 1px 0px,
#000 0px -1px;
text-decoration: none;}


b {color: #ffffff;
text-shadow: #737373 1px 1px; }


i {color: #ffffff;}


u {color: #ffffff;}


.img {background: none;
background:url('https://i.pinimg.com/originals/a0/84/4e/a0844e1976151e5d8daba982586f1843.png')
center center no-repeat;
position: absolute;
text-align: center;
width: 900px;
height: 1000px;
top: -180px;
left: 550px;
border: 0px solid #000;
overflow: auto;}

.title {position: absolute;
top: -77px;
left: 60px;
width: 300px;
text-align: right;
font-family: 'Pacifico', cursive;
font-size: 60px;
border: 0px solid #000;
background: url('https://i.imgur.com/UazMj99.gif') 50%;
background-size:cover;
background-position:center;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

.container {
 position:absolute;
 top:45%;
 margin-top:-275px;
 left:50%;
 margin-left:-450px;
 margin-bottom: 20px;
 height:600px;
 width:1000px;
 background-color:#000000;
 background-image: url("https://www.transparenttextures.com/patterns/xv.png");
 border: 1px solid #ffffff;
 box-shadow:1px 1px 3px #000;}

.stats {background-color: #131313;
background-image: url("https://www.transparenttextures.com/patterns/xv.png");
color:#ffffff;
font-size:11px;
position: absolute;
text-align: center;
width: 290px;
height: 515px;
left: 90px;
top: 20px;
border: 0px solid #fff;
padding: 10px 5px 5px 5px;
overflow: auto;}

.ooc {background: #131313;
background-image: url("https://www.transparenttextures.com/patterns/xv.png");
color:#ffffff;
font-size:11px;
position: absolute;
text-align: justify;
width: 290px;
height: 230px;
left: 405px;
top: 20px;
border: 0px solid #fff;
padding:10px 5px 5px 5px;
overflow: auto;}

.box {background: #131313;
background-image: url("https://www.transparenttextures.com/patterns/xv.png");
color:#ffffff;
font-size:11px;
position: absolute;
text-align: justify;
width: 290px;
height: 260px;
left: 405px;
top: 280px;
border: 0px solid #fff;
padding:5px 5px 5px 5px;
overflow: auto;}

</style>

<div class="bg">
<div class="container"></div>
<div class="img"> </div>
<div class="stats"> </div>
<div class="ooc"></div>
<div class="relation"> </div>

<div class="title">Nekomata</div>

<div class="stats">
 <h1>Personal information</h1>
<font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
<font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
<font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
<font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
<font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
<font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
<font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
<font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
<font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
<font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
<font style=float:left>Stat:</font> <font style=float:right>Info</font><br>
</div>


<div class="ooc">
 <h1>Out Of Character</h1>
<b>00</b>. OOC W.I.P.<br>
<b>01</b>. OOC Rule here.<br>
<b>02</b>. OOC Rule here.<br>
<b>03</b>. OOC Rule here.<br>

</div>


<div class="box">
 <h1>Relations</h1>
 Relations go here -- insert picture boxes for future reference
</div>