shit slap

<style>
@import url('https://fonts.googleapis.com/css?family=Caesar+Dressing&display=swap');
@font-face {font-family: 'Caslon';src: url('https://dl.dropboxusercontent.com/s/5kzobo3017vh8dl/caslon-antique.regular.ttf') format('truetype');}

body{background:
 #000
;}

.text{font-family: 'Caslon';font-size: 19px;color:
 TEXTCOLOR
;line-height: 21px;letter-spacing: 0px;}
b{color:
 BOLDCOLOR
;font-weight: bold;}
i{color:
 ITALICSCOLOR
;font-weight: bold;letter-spacing: 2px;font-style: italic;}
u{color:
 #fff
;text-decoration: none; border-bottom:1px dashed #03ecce;}
a:active, a:link, a:visited {color:
 LINKCOLOR
;letter-spacing: 1px;text-decoration:underline
 LINKUNDERLINECOLOR
;-webkit-transition: all .5s ease;}
a:hover {color:
 LINKHOVERCOLOR
;text-decoration:underline
 LINKUNDERLINEHOVERCOLOR
;-webkit-transition: all .5s ease;}
p {display: block;text-indent:25px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;}
big{font-family: 'Caesar Dressing';color:
 #000
;font-size: 27px;line-height: 30px;letter-spacing: 2px;text-shadow: 3px 0px
 #000
;font-weight:lighter;}
small{font-family: 'Caesar Dressing';color:
 #000
;font-size: 17px;line-height: 20px;letter-spacing: 2px;text-shadow: 3px 0px
 SMALLTITLESHADOWCOLOR
;font-weight:lighter;}
::-webkit-scrollbar {width: 0px;} ::-webkit-scrollbar-thumb:horizontal {height: 0px; width: 0px;}
table{width:100%;border-collapse:collapse;}
td{border-bottom:2px solid
 TABLEBOTTOMLINECOLOR
;}
td:nth-child(odd) {text-align:left;font-weight:bold;line-height:23px;}
td:nth-child(even) {text-align:right;line-height:23px;}

#character{position:absolute;bottom:0px;right:-10px;height:500px;width:545px;background:url('http://i.picpar.com/ADKd.png') no-repeat;background-size:auto 500px;
background-position:10px 5px;opacity:1;}

#content{position:fixed;top:75%;left:50%;height:500px;margin-top:-390px;width:700px;margin-left:-350px;background:url('http://i.picpar.com/BDKd.gif')center center no-repeat
 #fff
;background-size:910px;border:7px double
 #435362
;}
#info{position:absolute;top:5px;left:5px;height:480px;width:290px;background:
 #435362
;padding:5px;overflow:auto;}
</style>

<div id="content"><div id="character"><a target="_blank" href="

CHARACTERIMAGELINKIFYOUWANT

" target="_blank" style="height:100%;width:100%;display:block;"></a></div><div id="info" class="text">
<big>
 Title Here
</big><hr color="#015e52"><small>
 Small blurb here
</small><P>
 Please look through entire code for ALLCAPSTEXTLIKETHIS for code customization. Most of them will be indented in the code for your convenience.
<P>
 OOC Blurb here
<P>
 OOC Blurb here
<P>
 OOC Blurb here
<br><br>

<big>
 Title Here
</big><hr color="#015e52"><P><small>
 Little blurb here.
</small><br><p>

 Paragraph of shit here.
<p>

 Paragraph of shit here.
<p>

 Paragraph of shit here.
<br><br>

<big>
 Title Here
</big><hr color="#015e52">
<table class="text"><tr><td>
 Name
</td><td>

</td></tr><tr><td>
 Age
</td><td>

</td></tr><tr><td>
 Species
</td><td>

</td></tr><tr><td>
 Height
</td><td>

</td></tr><tr><td>
 Weight
</td><td>

</td></tr><tr><td>
 Profession
</td><td>

</td></tr><tr><td>
 Orientation
</td><td>

</td></tr><tr><td>
 Relationship
</td><td>

</td></tr><tr><td>
 Notes
</td><td>

</td></tr>



<tr><td>
 example thing
</td><td>
 copy from tr to /tr
</td></tr>



</table>

</div></div>