Firebrand profile

<style>
@import url(https://fonts.googleapis.com/css?family=Questerrial);
@import url('https://fonts.googleapis.com/css?family=Graduate');
@import url('https://fonts.googleapis.com/css?family=Montserrat');

/*coded by [punpun]. do not steal the characters. do not remove this. do not remove the credits.*/

/*887497*/

::-webkit-scrollbar-thumb {
 width: 0px;
 background-color: transparent;}
::-webkit-scrollbar {
 width: 0px;
 background-color: transparent;}

body {
background: #000;
color: #333333;
font-family: verdana;
cursor: url(http://static.tumblr.com/obptcxj/QvHmo0l0g/cursor__6_.png), progress !important;
}

a {
 color: #fff; background-color: #F6BDA9;
 text-decoration: none;
 transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out;}
a:hover {
 color: #ffffff;background-color: #f3f3f3; cursor:url(http://media.tumblr.com/d867d8c0827140bcce868f3bdbbd5e4f/tumblr_inline_mwwd9dv65Z1srowmh.png), auto !important;
 text-decoration: none;
 transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out;}


 #ufuk img {position: fixed; margin:auto; left: 0; right: 0; bottom: 50px; width: 580px;height: ;z-index:;}

hr { border-top: 1px dotted #F6BDA9;}

#tofu{position:absolute;
width: 13; height: 260px;opacity:1;
background-color:#fff;z-index:4;
font: 9px Questerrial; color: #000;
text-align: center;line-height: 13px;transition: all 0.4s ease-in;
}
#tofu:hover {height:280px;}


#tofu-content {position:absolute;bottom:0;left:0;text-align: center;}


 #head {
width: 200px;height: auto;
 color: #fff;border: px solid #000;
 font-family: Graduate;
 font-size: 39;text-align: right; transform:rotate(90deg);}


 #head2 {
margin-top: -50px;
margin-left: 10px;
width: 240px;height: auto;
 color: #fff;border: px solid #000;
 font-family: Graduate;
 font-size: 33;text-align: right; transform:rotate(90deg);}

.align-correction{
position: fixed; margin:auto; left: 336; right: 0; top:360; bottom: 0px;
height: 200px; width: 200px;
}

 .dicks {
position: fixed; margin:auto; left: 0; right: 77; top:299; bottom: 0px;
 width: 240px; height: 150px;
border-radius:0px 0px 0px 20px; border-left: 5px solid #fff; border-bottom: 15px solid #fff;
 z-index: 5;
 padding: 2;
 overflow-x: hidden;
 overflow-y: auto;
-webkit-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;}


 .out {
position: fixed; margin:auto; left: 0; right: 73; top:300; bottom: 0px;
 width: 240px;
 height: 150px;
 background-color: #fff;border-radius:0px 0px 0px px;
 border-left: px solid #fff;
 border-bottom: px solid #fff;
 z-index: 6;opacity:1;
 color: #000;
 padding: 2; padding-right: 3;
	 font-family: Montserrat;
	 font-style: normal;
	 font-weight: 100;
 text-align: justify;
 overflow-x: hidden;
 overflow-y: auto;
 font-size: 11px;
-webkit-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;}

 .for {
position: fixed; margin:auto; left: 0; right: 95; top:110; bottom: 0px;
 width: 226px; height: 20px;
 border-left: px solid #fff; border-bottom: 15px solid #fff;
 z-index: 5;
 padding: 2;
 overflow-x: hidden;z-index:0;
 overflow-y: auto;
-webkit-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;}

.harambe{position:absolute;margin:auto;right:0;left:0;top:0;bottom:0;width:1;height:1;opacity:0;z-index:1;text-align:justify;}

.harambe:target {position:absolute;z-index:6;opacity:1;}
 .ooc {
position: fixed; margin:auto; left: 0; right: 73; top:300; bottom: 0px;
 width: 240px;
 height: 150px;
 background-color: #fff;border-radius:0px 0px 0px px;
 border-left: px solid #fff;
 border-bottom: px solid #fff;
 z-index: 5;opacity:1;
 color: #000;
 padding: 2; padding-right: 3;
	 font-family: Montserrat;
	 font-style: normal;
	 font-weight: 100;
 text-align: justify;
 overflow-x: hidden;
 overflow-y: auto;
 font-size: 11px;
-webkit-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;}

</style>

<a href="profile.php?user=Punpun" title="Coded by Punpun" target="_blank"><img src="http://i.imgur.com/acD32sR.png" style="position:fixed; right:10; bottom:0;width:25;z-index:999;"></a>


<div id="ufuk"><img src="http://i.picpar.com/W1Qc.png"></div>
<a href="#1"><div id="tofu" style="position: fixed; margin:auto; left: 200; right: 0; top:210; bottom: 0px;"><div id="tofu-content"> <i>I</div></div></a>
<a href="#2"><div id="tofu" style="position: fixed; margin:auto; left: 230; right: 0; top:210; bottom: 0px;"><div id="tofu-content"> <i>II</div></div></a>
<a href="#3"><div id="tofu" style="position: fixed; margin:auto; left: 260; right: 0; top:210; bottom: 0px;"><div id="tofu-content"> <i>III</div></div></a>
<a href="#"><div id="tofu" style="position: fixed; margin:auto; left: 290; right: 0; top:210; bottom: 0px;"><div id="tofu-content"> <i>IV</div></div></a>
</i></i></i></i>
<div class="align-correction">
<div id="head">FIREBRAND</div><div id="head2">Огонь марки</div>
</div>

<img style="position: fixed; margin:auto; left: 122; right: 0; top:105; bottom: 0px; width:50;" src="http://i.imgur.com/YII5FYB.png">
<img style="position: fixed; margin:auto; left: 52; right: 0; top:105; bottom: 0px; width:50;z-index:10;" src="http://i.imgur.com/YII5FYB.png">



<div class="dicks"></div>
<div class="ooc">
[00] Overwatch OC.<br>
[01] Snowballer, semi-para to novella.<br>
[02] PM Friendly<br>
[03] Smut and story go hand and hand<br>
[04] More to come<br>
[05] Art is not mine. Did make the icons. Want some flavor images? PM me. <br>
[06] <b>THESE</b>; are OOC rules, dumdum.<br>
[07] <b>THESE</b>; are OOC rules, dumdum.<br>

<div class="for"></div>

<div id="1" class="harambe">
<div class="out" style="overflow:disabled;">NAME <font style="float:right;"><b>???</b></font><br>
MONIKER <font style="float:right;"><b>FIREBRAND</b></font><br>
AGE <font style="float:right;"><b>???</b></font><br>
GENDER <font style="float:right;"><b>MALE</b></font><br>
MARITAL <font style="float:right;"><b>SINGLE</b></font><br>
H/W <font style="float:right;"><b>200.65 cm / 113.39 kg</b></font><br>
ORIENTATION <font style="float:right;"><b>???</b></font><br>
OCCUPATION <font style="float:right;"><b>MERCENARY</b></font><br>
AFFILIATION <font style="float:right;"><b>UNKNOWN,<br>CURRENTLY HIMSELF</b></font><br>
</div>
</div>

<div id="2" class="harambe">
<div class="out">
<img src="http://i.picpar.com/X1Qc.png" align="left" style="width:50px;height:50px;"><b>Scorch Rifle</b> [Primary]<br>
line 1.<br>
line 2.
<br><br><br>
<img src="http://i.picpar.com/Y1Qc.png" align="left" style="width:50px;height:50px;"><b>Gas Canister</b> [Skill 1]<br>
line 1.<br>
line 2.
<br><br><br>
<img src="http://i.picpar.com/Z1Qc.png" align="left" style="width:50px;height:50px;"><b>Ignition Wall</b> [Skill 2]<br>
line 1.<br>
line 2.
<br><br><br>
<img src="http://i.picpar.com/a2Qc.png" align="left" style="width:50px;height:50px;"><b>Purge of Slag</b> [Ultimate]<br>
line 1.<br>
line 2.
<br><br><br>
</div>
</div>

<div id="3" class="harambe">
<div class="out"><br>
<b>Biography</b>: <br>
--------------------------------------<br>
 Not much is known about Firebrand's past. His presence was made aware of during the Omnic crisis. What affiliation he held, and what his true idenity was when up in flames after the dissolvement of Overwatch. However, his presence is still felt to this day. Reported sightings show him 'purging' Omnics across various parts of the world. Where his resources and his travel come through is unknown at this time, though speculation has assumed that Firebrand has aligned himself with the terrorist group Blackwatch. No true images of what lies under the armor has surfaced, leaving him to become somewhat of a boogeyman among the Omnic community. Some rumor that he is a rouge Omnic, who never recieved the order that the war had come to an end. Others say that he lost someone close to him during the crisis itself, and purges Omnics as a means of self-rightous justice. Survivors of encounters with Firebrand, say that his voice comes through a modulator, further shrouding this figure in mystery. However, what he appears to have made clear, is that his fires have no sign of being quenched. <br><br>

<b>Personality:</b><br>
--------------------------------------<br>
 Firebrand's allies are few and far between, while his enemies seem to be stacking up, but it is not without reason. Seldom does the metal armor speak, but when he does, it appears his words speak of purging sin and rightous fury. To the very few his barrel has not been pointed to, he is a quiet man, quick to anger, and difficult to extinquish. Though, he does seem to possess some level of morality, as those he views as innocent, primarily Human civilians, will be spared from his firey wrath. He holds no regrets reducing Omnics to slag, and when it comes to those with cyborgnetic enhancements, he often views as abominations. His targets, as well, do not appear to be random. Property damage is kept to a minimum, unless it involves those he views as innocent. Scattered cases have shown him saving human civilians caught in buildings which were ignited by his flames.
</div>
</div> </div>