Test

<style>


@import url(https://fonts.googleapis.com/css?family=Poiret+One);
 @import url(https://fonts.googleapis.com/css?family=scribble);
@import url('https://fonts.googleapis.com/css?family=Playfair+Display|Montserrat|Oswald|PT+Sans|Pacifico|Poppins|Ubuntu');



 body { background:none; }
 #scroller { padding: 35px 0; box-sizing: border-box; }
 #profile-container { width:750px;background:#000; }
 #profile-container {background:none;}





.pfor{display:none;}
#profile{border:none;background: transparent;}





/* BODY */
::-webkit-scrollbar-thumb:vertical {
background-color: #000;
height: 50px;
}

::-webkit-scrollbar {
height: 10px;
width: 3px;
background-color: #000;
}

body {
background-image: url("");
background-attachment: fixed;
background-color: #000;
margin: 0;
}






#name {
position:fixed;
font-family:Italianno;
font-size:18px;
top:217px;
left:230px;
color:#fff;
text-shadow:0px 0px 1px #000;
z-index:999999;
}



#name1 {
position:fixed;
font-family:Italianno;
font-size:30px;
top:232px;
left:210px;
color:#751414;
text-shadow:0px 0px 1px #000;
z-index:999999;
}







b {
 text-transform: ;
 font-size: px;
 font-weight: ;
 color: #664737;
 background: #;
 letter-spacing: px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;}
u {
 text-transform: ;
 font-size: ;
 font-weight: ;
 color: #;
 background: #;
 letter-spacing: 1px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;
 border-bottom: dotted 1px #000;}
i {
 font-size: px;
 font-weight: ;
 color: # ;
 letter-spacing: px;
 padding: ;
 margin-right: 2px;}











.hoverbox1 {
 position: fixed;
 background-color: # ;
 opacity: 0;
 border-top: 1px solid #fff;
 width: 80px;
 height: 200px;
 padding: 2px;
 left: 5px;
 top: 285px;
 font-family: arial;
 font-size: 9px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox1:hover {
 opacity: 1;
 top: 305px;

 }
 .hoverbox1 b {
 color: # ;
 font-family: calibri;
 font-size: 10px;
 line-height: 10px;
 text-transform: ;
}






.hoverbox2 {
 position: fixed;
 background-color: #37384a ;
 opacity: 0;
 border-top: 1px solid #fff;
 width: 200px;
 height: 100px;
 padding: 5px;
 left: 243px;
 top: 290px;
 font-family: arial;
 font-size: 9px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox2:hover {
 opacity: 0.8;
 top: 315px;

 }
 .hoverbox2 b {
 color: # ;
 font-family: calibri;
 font-size: 10px;
 line-height: 5px;
 text-transform: ;
}




 a {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:#9b7a7a;
text-shadow: ;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

a:hover {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:#9b7a7a;
}






 .hoverbox {
 position: fixed;
 background-color: # ;
 border-radius: ;
 border: px solid #a5adb3;
 opacity: 0;
 width: 157px;
 height: 225px;
 padding: 5px;
 left: 355px;
 top: 252px;
 font-family: arial;
 font-size: px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox:hover {
 opacity: 1;
 top: 252px;

 }
 .hoverbox b {
 color: # ;
 font-family: calibri;
 font-size: px;
 line-height: 10px;
 text-transform: ;
}












 .hoverbox1 {
 position: fixed;
 background-color: # ;
 border-radius: ;
 border: px solid #a5adb3;
 opacity: 0;
 width: 470px;
 height: 225px;
 padding: 5px;
 left: 620px;
 top: 430px;
 font-family: arial;
 font-size: px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox1:hover {
 opacity: 1;
 top: 430px;

 }
 .hoverbox1 b {
 color: # ;
 font-family: calibri;
 font-size: px;
 line-height: 10px;
 text-transform: ;
}



#title {
 top: 340px;
 font-weight:800;
 text-transform:uppercase;
 font-size:40px;
 font-family: 'Oswald', sans-serif;
 background: url(https://66.media.tumblr.com/7a38aab7efef5b7e5398d22536312f9a/tumblr_pgr49oK5A61w7nb71_400.jpg) no-repeat;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-size:cover;
 background-position:center;
 margin-bottom:0px;
 margin-top:0px;
 line-height:45px;}










.hoverbox {
 position: fixed;
 background-image:url('');
 border-radius: ;
 border: px solid #a5adb3;
 opacity: 0;
 width: 600px;
 height: 700px;
 padding: 5px;
 left: 895px;
 top: 15px;
 font-family: arial;
 font-size: px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox:hover {
 opacity: 1;
 top: 15px;
 }
 .hoverbox b {
 color: # ;
 font-family: calibri;
 font-size: px;
 line-height: 10px;
 text-transform: ;
}

 </style>


 <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 600px; height: 730px; ; position: absolute; top:20px; left: 900px; overflow: auto; text-align: left; border-radius: ; border: px solid #dae0dd;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> <img src="https://i.imgur.com/gRIsoag.jpg" alt="" width="500" height="" /> </span></div>

<div class="hoverbox">
<div style="float: left; width: 650px; height: 700px; overflow: auto; overflow-x: hidden; border: solid px #a5adb3; line-height: 8px;"><span style="font-family: andale mono,times; font-size: 11; color: #858585;"> <img src="https://i.imgur.com/ILfzGsb.jpg" alt="" width="500" height="" /></span></div>
</div>


 <div style="letter-spacing: 0px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 600px; height: 730px; ; position: absolute; top:20px; left: 20px; overflow: auto; text-align: left; border-radius: ; border: px solid #dae0dd;"><span style="font-family: andale mono,times; font-size: 15; color: #fff;">



Alias: HATEMONK<br />
Occupation: Monk/Cultist<br />
Species: Human<br />
Race: Caucasian<br />
Gender: Male<br />
Age: ???<br />
Height: 6'4<br />
Build: Built<br />
Eyes: Yellow<br />
Hair: White<br />
Sexuality: Gynesexual<br />
Marital: Single<br />

<br /><P>
ITEMS<br />

• <u>Helm of the Great Old One -</u> An ancient helm of an eldritch being, this sentient and living piece of armor offers a variety of benefits to the wearer, while also working to boost the wearer by granting them direct boosts in exchange for their contributions to the eldritch deity it is connected to.<br />
• <u>Supernatural Strength -</u> One of the helmets beneficial effects is that it greatly increases the strength of the wearer, bringing them up to a point where they can throw large sized people one handed and easily use large, heavy, or unwieldy weapons so long as they aren't insane degrees of such. Every spell absorbed increases this strength, with a substantial boost every milestone.<br />
• <u>Supernatural Speed -</u> One of the helmets beneficial effects is that it greatly increases the speed of the wearer, bringing them up to a point where they can match pace with Olympic gold medalist for prolonged periods of time surpassing the normal for such medalist. Every spell absorbed increases this strength, with a substantial boost every milestone.<br />
• <u>Spell Consumption -</u> An effect that enables any spells, divine effects, or magical effects cast within a 40 foot radius of the helm to be instantly negated and consumed by the helmet, counting as a sacrifice towards milestones. These also apply boosts towards the other stats.<br />
• <u>Milestones -</u> Every spell absorbed counts towards Milestones, and after a set number grants a substantial stat boost, as well as individual stat boosts, alongside a new unique effect.<br />
• <u>Number Absorbed -</u> 0<br />
Disease Immunity
<br /><P>
HATEMONK'S hammer - A piece of steel I-beam cut and connected to an old axe handle, with a heavy chain added to the equation creates a formidable weapon for the HATEMONK to use, granting high weight for devastating strikes. Due to eldritch intervention, the weapon is incredibly durable, where as it would likely come apart or break in the initial uses it is at a point where breaking it is borderline impossible.
<br /><br />
HATEMONK'S armor -
<br /><br />
History
<br /><br />

Personality

<br /><br />
Those Of Note
<br /><br />

OOC


 </span></div>