<style>/* Container and background*/

#profile-container {
  background: none;
}

body {
  background: #fff;
}

body,
a:hover {
  cursor: url(http://i.imgur.com/cd7ZHDh.png), progress !important;
}

/* Font*/

@font-face {
  font-family: title;
  src: url(https://dl.dropbox.com/s/bo7ydyfd2md0eoq/HomemadeApple.ttf?dl=0);
}

/*Picture*/

.pic {
  z-index: 3;
  position: absolute;
  border: 5px solid #848B79;
  left: 450px;
  top: 110px;
  width: 230px;
  height: 310px;
  background: url(https://i.imgur.com/brAKsV5.png) top center;
  background-size: 500px;
}

/*Backs*/

.backer {
  z-index: 1;
  position: absolute;
  border-top: 10px solid #848B79;
  border-left: 15px solid #848B79;
  border-right: 15px solid #848B79;
  border-bottom: 45px solid #848B79;
  background: #E6DBC4;
  width: 650px;
  height: 340px;
  top: 90px;
  left: 35px;
}

.infoback {
  z-index: 3;
  position: absolute;
  border: 5px solid #848B79;
  left: 60px;
  top: 110px;
  width: 370px;
  height: 310px;
  background: #F9F5F1;
}

/* Tabs*/

.tabs {
  position: absolute;
  margin: 25px 0px;
}

.tab label {
  top: -4.5px;
  left: 652px;
  float: right;
  height: 20px;
  margin-left: 50px;
margin-top: 61.4px;
  background: #848B79;
  width: 74px;
  padding: 5px;
  position: relative;
  font-family: title;
  text-align: center;
  color: #F9F5F1;
  font-size: 11px;
  z-index: 400;
  -webkit-transition: all .5s linear;
  cursor: url(https://i.imgur.com/SAa1psh.gif), progress !important;
}

.tab label:hover {
  background: #F9F5F1;
  color: #848B79;
  -webkit-transition: all .5s linear;
}

.tab [type=radio] {
  display: none;
}

.content {
  position: absolute;
  top: 90px;
  left: 65px;
  width: 354px;
  height: 294px;
  background: #F9F5F1;
  padding: 5px;
  color: #484E38;
  border: 3px solid #F9F5F1;
  font-family: tahoma;
  font-size: 13px;
  overflow: auto;
  z-index: 20;
}

[type=radio]:checked~label {
  -webkit-transition: all .5s linear;
}

[type=radio]:checked~label~.content {
  z-index: 30;
}

/* Slection*/

::selection {
  background: #2C3539;
}

/* Table*/

table,
th,
td {
  padding: 4px;
  font-size: 14px;
}

td:nth-child(odd) {
  color: #848B79;
  text-align: left;
  font-family: omptima;
  text-transform: uppercase;
}

td:nth-child(even) {
  color: #484E38;
  text-align: right;
  font-family: tahoma;
}

/*hr*/

hr {
  height: 2px;
  border: none;
  background: #848B79;
  width: 80%;
}

/* Headers*/

h1 {
  position: relative;
  text-align: left;
}

h1 span {
  background: #F9F5F1;
  padding: 0 2px;
  position: relative;
  z-index: 1;
  font-family: title;
  color: #484E38;
  font-size: 14px;
  left: 2%;
}

h1:before {
  background: #848B79;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  top: 50%;
  width: 80%;
  left: 0%;
}

/* Scrollbar*/

::-webkit-scrollbar {
  width: 4px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  background: #848B79;
  border: 1px solid #F9F5F1;
}

::-webkit-scrollbar-track {
  background: #F9F5F1;
}

/*Link*/

a:link,
a:visited,
a:active {
  text-decoration: none;
  color: #848B79;
  -webkit-transition: all .5s ease;
}

a:hover {
  color: #59504C;
  text-shadow: 0 0 1px #000, 0 0 3px #848B79;
  -webkit-transition: all .5s ease;
  cursor: url(https://i.imgur.com/SAa1psh.gif), progress !important;
}

/*Credit*/

.Credit {
  z-index: 0;
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  border-color: #fff;
  border-style: dotted;
  border-width: 2px;
  padding: 5px;
  background: #000;
  font-family: tahoma;
  -webkit-transition: all 1s ease;
}

.Credit:hover {
  background: #fff;
  border-color: #000;
  -webkit-transition: all 1s ease;
}
</style>

<div class="pic">
  <p>&nbsp;</p>
</div>
<div class="backer">
  <p>&nbsp;</p>
</div>
<div class="infoback">
  <p>&nbsp;</p>
</div>
<div class="tabs">
  <div class="tab">
    <div class="tab"><input id="tab-5" name="tab-group-2" type="radio" /> <label for="tab-5">OOC</label>
      <div class="content">
        <h1><span>OOC</span></h1>
        <p><strong></strong>This character was intended for Resident Evil.</p>
        <p>&nbsp;</p>
        <p>Code thrown together with help from Wesker.</p>
        <p>&nbsp;</p>
        <p>Put more OOC notes here like what you will/won't do et cetera. Cu ius ullum paulo comprehensam, mei at nisl scripta nonumes. Insolens voluptatum ea mea, at eam mediocrem appellantur. Eam nostro argumentum in. At melius indoctum volutpat est, viris regione euismod an has. Consul populo ex mel, in cibo decore
          epicuri pri. Ne voluptatum dissentiet sit, cum novum percipit no, ne nostrum eligendi disputando nec.</p>
        <p>&nbsp;</p>
        <p>At his quis mucius, nec facilis erroribus corrumpit et. Ea per epicuri persequeris eloquentiam, eos no prima liberavisse, ius id probo movet. Sea id malorum salutatus, mundi vitae tation pro at, pri cu ridens vivendo. Dignissim vulputate est ea,
          admodum tacimates salutatus eos id.</p>
        <p>&nbsp;</p>
        <p>Eos case accusamus rationibus ea, eu duo utinam nullam tacimates. Cum ea diam audire, maiorum accusamus an his. Discere dolorem ei eum, eam ut dolor quaerendum. Ei vim molestie adipisci, id vis feugiat partiendo suavitate.</p>
      </div>
    </div>
    <div class="tab"><input id="tab-4" name="tab-group-2" type="radio" /> <label for="tab-4">Friends</label>
      <div class="content">
        <h1><span>Friends</span></h1>
        <p>Lorem ipsum dolor sit amet, idque putent indoctum id sed, ne usu discere quaestio, ad dico causae senserit vim. Duo quidam oportere eu. No habeo erant tollit quo, id affert pertinacia sed. At sea ridens invenire, facer tollit dictas est te. Modus
          conceptam accommodare vim eu, ea mentitum euripidis duo. Sit in assum liber, ex nec reprimique suscipiantur conclusionemque.</p>
        <p>&nbsp;</p>
        <p>Modo regione eripuit ei per, tale sanctus in vix. Ei quo splendide posidonium. Ne modo animal voluptatum ius, meis inciderint at eos. Vix cu minim accumsan. Mei id iusto minimum, usu ad quem simul. Stet ancillae has ne, detracto voluptatum his
          id.</p>
        <p>&nbsp;</p>
        <p>Cu ius ullum paulo comprehensam, mei at nisl scripta nonumes. Insolens voluptatum ea mea, at eam mediocrem appellantur. Eam nostro argumentum in. At melius indoctum volutpat est, viris regione euismod an has. Consul populo ex mel, in cibo decore
          epicuri pri. Ne voluptatum dissentiet sit, cum novum percipit no, ne nostrum eligendi disputando nec.</p>
        <p>&nbsp;</p>
        <p>At his quis mucius, nec facilis erroribus corrumpit et. Ea per epicuri persequeris eloquentiam, eos no prima liberavisse, ius id probo movet. Sea id malorum salutatus, mundi vitae tation pro at, pri cu ridens vivendo. Dignissim vulputate est ea,
          admodum tacimates salutatus eos id.</p>
        <p>&nbsp;</p>
        <p>Eos case accusamus rationibus ea, eu duo utinam nullam tacimates. Cum ea diam audire, maiorum accusamus an his. Discere dolorem ei eum, eam ut dolor quaerendum. Ei vim molestie adipisci, id vis feugiat partiendo suavitate.</p>
      </div>
    </div>
    <div class="tab"><input id="tab-3" name="tab-group-2" type="radio" /> <label for="tab-3">History</label>
      <div class="content">
        <h1><span>History</span></h1>
        <p>Born in London, England to a researcher working for the now-defunct Umbrella Corporaiton, Laura's father spent most of his time working on his research mostly unnoticed and unacknowledged by his employers. His work some say drove him mad, plagued by questions of 'what-if' and 'why not' and quickly researching cures for everything he could. Her mother died of a rare disease gradually liquefied her internal organs due to an acculualtion of certain enzymes in the mucuous membranes of numerous organs that the body could not filter out, the cocktail of enzymes acting like a digestive acid. Laura was eight when her mother passed away from the disease, and she never fully understood at the time what had happened- nor did she ever really stop grieving. When she turned thirteen, the same disease began to ravage her own health. Her father flew overseas to try to research a cure, finding out that a rare and strange form of cancer of the liver and kidneys causing the enzyme buildup was to blame sought out the locals and found something they referred to as a "ghost rose". Mixing the toxic liquid chlorophyll and nectar found within the plant's receptacle with a sample of the T-Virus, he was able to cure Laura's disease. However this also caught the attention of the lead researchers at the time who finally took notice of Laura's father's work, and the day he left work to return home was the last time anyone heard from or saw him. Laura firmly believes tot his day that Umbrella was responsible for the death of her father.</p>
        <p>&nbsp;</p>

      </div>
    </div>
    <div class="tab"><input id="tab-2" name="tab-group-2" type="radio" /> <label for="tab-2">Persona</label>
      <div class="content">
        <h1><span>Personality</span></h1>
        <p>TYPE OUT A PERSONALITY HERE BUT DO NOT TOUCH THE PARAGRAPH TAGS.</p>
      </div>
    </div>
    <div class="tab"><input id="tab-1" checked="checked" name="tab-group-2" type="radio" /> <label for="tab-1">Stats</label></div>
    <div class="content">
      <h1><span>Stats</span></h1>
      <table border="0" cellspacing="0" width="351">
        <tbody>
          <tr>
            <td>Name</td>
            <td>Laura Belle</td>
          </tr>
          <tr>
            <td>Age</td>
            <td>Here</td>
          </tr>
          <tr>
            <td>Ethnicity</td>
            <td>Here</td>
          </tr>
          <tr>
            <td>Gender</td>
            <td>Here</td>
          </tr>
          <tr>
            <td>Gender</td>
            <td>Female</td>
          </tr>
          <tr>
            <td>Marital</td>
            <td>Single</td>
          </tr>
          <tr>
            <td>Occupation</td>
            <td>Undisclosed</td>
          </tr>
          <tr>
            <td>Height</td>
            <td>Here</td>
          </tr>
          <tr>
            <td>Stat</td>
            <td>Here</td>
          </tr>
          <tr>
            <td>Stat</td>
            <td>Here</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
<div class="Credit">
  <p style="text-align: center;"><a href="https://rphprofilecodes.tumblr.com/" target="_blank">&spades;</a></p>
</div>