reinas

<style>

@import url('https://fonts.googleapis.com/css?family=Miss+Fajardose'); @import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:700');

  body {
background-image:url('https://www.transparenttextures.com/patterns/light-grey-floral-motif.png');
background-color:#640606;
}

::-webkit-scrollbar{
  width: 0px;
}

#deadass{
  background-image: url("https://www.transparenttextures.com/patterns/always-grey.png");
  background-size:10px;
  width:550px;
  height:400px;
  border:1px solid #BC0000;
  box-shadow: inset 0px 0px 10px 2px rgba(146,0,0,0.75);
  position:absolute;
  margin: auto;
  left: 0px; top:0px; right:0px; bottom: 0px;
  background-color:#EAE0D1;
}

.content{
  font-size:13px;
  padding:10px;
  line-height:13px;
  overflow:auto;
  height:257px;
}

#box1{
  background-image:url('https://image.prntscr.com/image/37D93AbtSZqvOsJSytZHcQ.png');
  border-right:1px solid #920000;
  width:200px;
  height:400px;
  float:left;
  margin-right:-10px;
  box-shadow: inset 0px 0px 10px 2px rgba(146,0,0,0.75);
}
.menu{
font-family: 'Cormorant Garamond', serif;
font-weight:700;
width:300px;
font-size:30px;
line-height:390px;
letter-spacing:1px;
word-spacing:5px;
-webkit-transform: rotate(-90deg);
margin: 0px 0px 0px -47px;
}
.menu a{
  color:#800000;
  text-decoration:none; transition:.3s;
} .menu a:hover{ color:rgba(0,0,0,.1); transition:.3s;}

#box2{
  background-color:#EAE0D1;
  width:325px;
  height:275px;
  border:1px solid #BC0000;
  box-shadow: inset 0px 0px 10px 2px rgba(146,0,0,0.75);
  float:right;
  margin: 111px 12px 0px 0px;
}

#box3{
  background-color:#EAE0D1;
  font-size:15px;
  width:150px;
  height:95px;
  border:1px solid #BC0000;
  box-shadow: inset 0px 0px 10px 2px rgba(146,0,0,0.75);
  float:right;
  margin: -380px 174px 0px 0px;
}

#title{
  font-size:62px;
  width:175px;
  color:#400000;
  float:right;
  margin-top:-368px;
  line-height:35px;
  font-family: 'Miss Fajardose', cursive;
text-shadow:-1px 2px 1px #BC0000;
}


table.GeneratedTable {
 width: 90px;
 background-color: #ffffff;
 border-collapse: collapse;
 border-width: 0px;
 border-color: #fff;
 border-style: solid;
font-family: arial;
font-size: 10px;
 color: #fff;
}

table.GeneratedTable td, table.GeneratedTable th {
 border-width: 0px;
 border-color: #fff;
 border-style: solid;
 padding: 4px;
}

table.GeneratedTable thead {
 background-color: #fff;
}

table.GeneratedTable {
 width: 100%;
 background-color: #400000;
 border-collapse: collapse;
 border-width: 0px;
 border-color: #fff;
 border-style: solid;
 color: #fff;
}

table.GeneratedTable td, table.GeneratedTable th {
 border-width: 1px;
 border-color: #fff;
 border-style: solid;
 padding: 5px;
}

table.GeneratedTable thead {
 background-color: #400000;
}

</style>

<center>

<div id="deadass">

<div id="box1">
  <div class="menu">
    <a href="#one">come</a>
    <a href="#two">play</a>
    <a href="#three">with</a>
    <a href="#four">me</a>
  </div>
  </div>

<div id="box2">

<div id="one">
<div class="content">
<div style="overflow:hidden;height:255px;">

<img src="http://i.picpar.com/72Ec.gif">

</div>
scroll<br><br><br>
<div class="content">
<br><br><br>

hello hello box uno
</div>

<div class="content">
<br>

<table class="GeneratedTable">
 <thead>
 <tr>
 <th>Physical</th>
 <th>Social</th>
 <th>Mental</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>strength</td>
 <td>charisma
</td>
 <td>perception
</td>
 </tr>
 <tr>
 <td>dexterity</td>
 <td>manipulation
</td>
 <td>intellegence
</td>
 </tr>
 <tr>
 <td>stamina</td>
 <td>apperance</td>
 <td>wits</td>
 </tr>
 <tr>

 </tr>
 </tbody>
</table>

<p>
<table class="GeneratedTable">
 <thead>
 <tr>
 <th>Talents</th>
 <th>Skills</th>
 <th>Knowledge</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>alertness
</td>
 <td>animal ken
</td>
 <td>academics
</td>
 </tr>
 <tr>
 <td>athletics
</td>
 <td>crafts
</td>
 <td>computer
</td>
 </tr>
 <tr>
 <td>brawl
</td>
 <td>drive
</td>
 <td>finance
</td>
 </tr>
 <tr>
 <td>doge
</td>
 <td>etiquette
</td>
 <td>investiation
</td>
 </tr>
 <tr>
 <td>empathy
</td>
 <td>firearms
</td>
 <td>law
</td>
 </tr>
 <tr>
 <td>expression
</td>
 <td>melee
</td>
 <td>linguistics
</td>
 </tr>
 <tr>
 <td>intimidation
</td>
 <td>perormance
</td>
 <td>medicine
</td>
 </tr>
 <tr>
 <td>leadership
</td>
 <td>security
</td>
 <td>occult
</td>
 </tr>
 <tr>
 <td>streetwise
</td>
 <td>stealth
</td>
 <td>politics
</td>
 </tr>
 <tr>
 <td>subterfuge</td>
 <td>survival</td>
 <td>science</td>
 </tr>
 <tr>
 </tr>
 </tbody>
</table>

</div></div></div>

<div id="title">
  Reina Giovanni
</div>

<div id="box3">
  vitals<br>
  <b>bold</b> <i>italic</i> <strike>strike</strike>
</div>