Finished Code

<html>
<style>
/* Last Update: 02/24/18 */

/* PAGE BACKGROUND AND FONT */
body {
background-image:url(https://cdn.discordapp.com/attachments/414991205902974976/583076032274497566/cd01cafef69c16afe07f05c4a127e776.png);
background-attachment:fixed;
background-repeat:no-repeat;
background-size:100% 100%;
background-color:#dc143c;
font-size:105%;
font-family:serif;
text-align:left;
}

/* MAIN DISPLAY COLORS */
.color {
background-color:#2b000f;
border:2px solid #000000;
color:#ffffff;
}
h2 {
border-bottom:2px solid #f61307;
width:100%;
text-align:left;
}
b, h1, h2 {
color:#d07e01;
}
a {
text-decoration:none;
color:;#ffa500;
}

/* GOOGLE CHROME SCROLLBARS */
::-webkit-scrollbar {
width:8px;
height:8px;
background-color:transparent;
}
::-webkit-scrollbar-thumb:vertical {
background-color:#945b04;
border-radius:5px;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#945b04;
border-radius:5px;
}

/* CSS MEAT */
#mugshot, .infobox {
position:fixed;
border-radius:1px;
}
#mugshot {
top:7.5%;
left:63%;
height:89.5%;
width:32%;
overflow:hidden;
}
#mugshot img {
position:absolute;
top:50%;
left:50%;
height:100%;
transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
.infobox {
top:7.5%;
left:5%;
width:30%;
padding:1%;
overflow-y:auto;
}
#one {
height:45%;
}
#two {
top:63%;
height:26%;
}
#three {
left:40%;
height:81.5%;
width:18%;
text-align:center;
}
#three img {
width:70%;
}
#three h3 {
margin-top:0%;
margin-bottom:2%;
}
#equip {
width:100%;
}
#equip img {
height:8vh;
width:8vh;
border:2px solid #ffffff;
border-radius:50%;
}
#equip h3 {
display:inline-block;
position:absolute;
width:75%;
text-indent:2.5%;
}
.infobox img {
max-width:100%;
}
p {
text-indent:5%;
}
#credit {
position:fixed;
height:17px;
right:1%;
bottom:0%;
background-color:#ffffff;
border-radius:5px;
}
</style>

<body>
<div class="color" id="mugshot">
<img src="https://cdn.discordapp.com/attachments/575528207613427717/583080516027154448/f6255efe2df8ad45e000332fff6300ef.png" alt=""/>
</div>

<div class="color infobox" id="one">
<h2>Stats</h2>
<p style="text-indent:0%;">
<b>Name:</b> Falish.D.Darakin
<br/>
<br>
<b>Rank:</b> Captain of The Silent Sultans
<br>Second Captain of the crew after the first died
<br>
<br>
<b>Species:</b> Cursed One(Devilkin)
<br/>
<b>Gender:</b> Male
<br/>
<b>Age:</b> 17
<br>Legally a adult for the race by one year
<br/>
<br>
<b>Hair:</b> Dark red
<br/>
<b>Eyes:</b> Orange with no pupil
<br>Blood-lusted: Red with a snake like pupil
<br/>
<br>
<b>Height:</b> 6'0ft
<br>
<b>Weight:</b> 231Lb
<br>
<br>
<b>Styles Known:</b>
<br> Claw-Style
<br>Stance one: Dodge and Counter
<br>Snake Style: Coiling Strike
<br>Ape Style: Iron Palm
<br>
<br>

<h2>Race Info</h2>
<br>
Tainted blood runs through their families blood. A possible devil bread with their ancestor or created a deal with it. Either way, the blood of a devil runs through their veins causing their bodies to react differently than other races.
<br>
<br>
<b><u>Dominant traits</b></u>
<br>-30% men/70% Females
<br>-Silver or White hair
<br>-Grey or Red eyes
<br>-Natural Tan Skin
<br>-Pointed Ears
<br>
<br>
<b><u>Rare traits</b></u>
<br>-Red Hair or Black Hair
<br>-Orange eyes
<br>-Sharp Canine Teeth
<br>
<br>
<b><u>Abnormalities</b></u>
<br>-Retractable Wings
<br>-Sharp, Steel like, nails
<br>-Hell Fire Creation
<br>-Flaming Hair
<br>
<br>
Abnormalities Explained:
It's extremely rare to have more than one Abnormal trait within the race. So much so only the originator had all 4 and his child had 2 and the after very few had more than one if any at all. Even so, the only documented way to trigger the blood to gain even ONE of these traits if they held it was to experience blood lusting levels of rage.
<br>
<br>
<br>-Contactable Wings: With this, the Cursed One can form wings from their backs and pull them back in but it takes time to both actions. It's not instant.
<br>
<br>
<br>-Sharp, Steel-Like, nails: The Cursed One's nails are more like claws able to cut through skin and rock like butter. At a young age, they grow then stop, hardening to the point of steel and stay that way for the rest of their lives, growing with them to match their body growth.
<br>
<br>
<br>-Hell Fire Creation: Hellfire burns hotter than any human fire and can burn through anything with enough time. The cursed one can create flames on the tips of their fingers or blow a small stream from their lips. This takes a massive amount of energy so they will need to eat and sleep a lot depending on the amount they used it or else death is possible.
<br>
<br>
<br>-Flaming hair: The cursed one's turns to fire in a flame hot enough to burn the flesh of those who wasn't them. This can overheat them fast depending on how much, long and how many times they use it.
<br>
<br>
<b><u>Generational Evolution Traits</b></u>
<br>
<br>
Generational traits are mainly things that are passed down through the family and somethings through evolution through a devil fruit being introduced into the family's DNA. It's not uncommon to have 2 or 3 of these traits or new ones being formed. The main family line, aka royalty, has almost all of these due to being 'first bloods'.
<br>
<br>
<br>-Their skin is tougher than humans, enough so it could bend needles and catch blades in some areas but other parts are softer. Their most soft parts are the founders of their arms and legs, Ears, and the tops of their feet.
<br>
<br>
<br>-Their body heat is naturally high causing them to be immune to fire based attacks but can be overheated akin to a Human if continuously taking the heat in.
<br>
<br>
<br>-Their hearing and smell is above humans but only barely. They only hear 1.5x better and their smell is able to pick up on scents in a 5-foot radius exactly.
<br>
<br>
<br>-Completely unlike humans, Cursed ones can see in the dark almost as good as they see in the day but sudden bright flashes of lights with the dark causes them to be blinded till they recover from the shock.
<br>
<br>
<br>-Comparable to Humans, a Cursed One's muscles recover faster after being worn out letting them recover faster from an extreme activity but due to this, they require MUCH more food than a human. Around 2 times to fill their stomachs.
<br>
<br>

<b><u>Devil Fruits</b></u>
<br>
Unlike other races, once a Cursed Blood consumes a Devil Fruit they do not gain the power of one but rather it bonds with them creating a new trait based on the aspects of the fruit's its self.

</p>
<h2>Story</h2>
<p>
Yo! Name is Darakin! Middle child and son of the current champion of the Cursed Ones! Or...was? Many years ago when I was 5 my father had bedded three amazon like women for strong heirs but that's all I really know of my mothers. I had seen their faces in pictures and heard stories from dad but other then that... nothing.
<br>
<br>
My story truly started with a spark, a indomitable rage from seeing my father betray my hometown for the marines end goals. My brothers and I lost our home, we lost our friends, we lost everything and I lost what little innocence I had left unlocking my Devil's blood. My silky white hair turned crimson from their blood as my nails tore through as many invaders that I could but atlas....nothing. I was only a child, what could I had hopped to have done against them? My brothers awakened their blood around that time as well but I couldn't find them after. We really never talked about it but I always assumed I bought them enough time to get away. I was only 9 back then... and my story only picked up from there till I met my family once more.
<br>
<br>
I was captured by my own father and brought to a base after seeing my rage but I didn't have any of it. He lost his eye and parts of his cheek from a slash of my  claws but I couldn't hold a candle to his power. Months of experiments, training, probing and the likes went by like a blur but one single thought kept my body alive and mind sound. I will kill these people... they will all burn for what they did. So I trained, honing my skills in private. I took books, scrolls, anything I could get to read so my mind was sharp and never dulled.
<br>
<br>
The final day came a year later at the age of ten when I seen my chance. There had been a shipment of supplies filled with weapons and TNT  moved to their base for a reason I really didn't give a damn. From my barred window, a feral grin grew on my face with my plan to escape finally coming! It took time.. I had to be careful no one could see what I did, several days to be in fact, but I finally did it. Leaving the house with a Blizzard to cover my trail, I felt the wind of the explosion behind me  singling I am free...
<br>
<Br>
I couldn't find my brothers for a while though but every stop I made to the towns, I learned something new for my skills set. I learned mainly about the body since I doubted my brothers would figure out half the shit I did about the body. Sure, common things are hit the vitals but what about aiming for parts to just disable? It was like second nature to me as I learned all I could like a sponge.
<br>
<br>
I don't even know how long it had been honestly, but I found them... down in a small ice fishing village. The last place on my list from the possible areas and I felt so dumb for not going there first. Either way! On my way there I had gathered enough money to get off this damn land with a boat and we to go sailing like the pirates we heard so many stories about. My goal personally you may ask? I want to find the One Piece but also be the best damn combat doctor there ever was!
<br>
<br>
But lately things haven't been going well on the adventure. My brothers and I had joined a crew entrusting our faith to the leader who ended up going out in a blaze of glory saving a Black Smith we gained trying to defeat some bastard that was part of a challenge. It had been a rough task to get over...my mind had been turned into a raging mess till one month changed my life...somewhat
<br>
<br>
Within a Island, a jungle of spirit's laid to rest calling to the fresh captain. They took control of his mind and brought them there as he was at the wheel. It was a hidden island to the world, only having the blood of the cursed one would only find it. Each of the crew took their time to lick their wounds to train and focus on new tasks while he went to find these new spirits.
<br>
<br>
They trained him and reviled that he held a deep power, Hade's Curse. A powerful boost similar to Conqueror's Haki but much darker. He had dubbed it, Dark Conqueror's Haki, to fit the theme. Either way, the spirit's had trained him as well as teaching him how to awaken his Devil's blood fully. At the end of the month, he had been a 'Awakened Cursed Blood' meaning his body had changed drastically as well.
</p>
</ul>
</div>

<div class="color infobox" id="two">
<h2>Styles,Skills, and Weapons</h2>
<div id="equip">

</div>

<div id="Styles and Skills">
<h3><b><u>Passive skill: Learn by battle</b></u></h3>
</div>
<p>
Requirements
<br>-Three turns in a fight(not required to BE fighting) or having fought a person before.
-Has to see the attack coming
<br>
<br>
Effect
<br>This allows the person to dodge more effectively
Upon rolling a dodge roll, you roll another d10 after.
If the second d10 is higher than 5 you gain a plus equal to the number of the roll (max 5)
Ex: Rolling a 6 would grant a +1, rolling an 8 would grant a +3.
<br>
<br>
If the roll lands on a 5 or 10, the user has a choice to use Vacuum Palm as a reaction attack.
</p>
<br>-----------------------------------------------------------
<div id="Styles and Skills">
<h3><b><u>Claw Style</b></u></h3>
</div>
<p>
<br>Each attack is precise and controlled hitting either nerve bundles to create pain, pressure points to freeze the body or outright destroying important muscle ligaments to cause great pain and a worthless pile of flesh.
</p>
 <br>-----------------------------------------------------------
<div id="Styles and Skills">

<h3><b><u>Snake Style: Coiling Strike </b></u></h3>
</div>
<p>
<u>This also counts as a transformation</u>

<br>Style Requirements:
<br>Claw style
<br>Stance One, Dodge
<br>Total power above 7k
<br>
<br>
<br>Effects: Combining the two into one style, the user can act like a snake dodging and striking out with devastating attacks.
<br>
<br>
<br>This style is as the explanation says, taking both Stance one-Dodge and Claw style before putting them together with their added effects.
<br>
<br>
<br>The style grants grappling and dodging rolls a +2.
<br>
<Br>
<br>the major flaw of this is that it takes 50 stamina per user rounds to keep up similar to a transformation.
</p>
<br>-----------------------------------------------------------
<div id="Styles and Skills">
<h3><b><u>SKill: Vacuum Palm</b></u></h3>
</div>
<p>
<br>Requirements:
<br>Claw Style
<br>1500 speed, 500 Strength, 300 Range
<br>
<br>Info
<br>This can be used as a Wall, Range, or Close combat skill
<br>This attack can only be used via 3 turns apart.
<br>This also takes half of attack/Range plus speed to calculate pluses
<br>50 points= 6 feet in total.
<br>
<br>Effect
<br>Acts as Claw Style but damages organs as well.
If hit, the foe is knocked down and needs to take a turn to get back up.
<br>
<br>Description:
<br>With speed and strength, the user of the claw style pushes out a force of air strong enough to damage organs and knock grown men off their feet.
<br>This attack can be focused to a singular point or expanded out to defend against attacks!
</p>
<br>-----------------------------------------------------------
<div id="Styles and Skills">
<h3><b><u>Claw skill: Blurring Claw Strike</b></u></h3>
</div>
<p>
<br><u>This skill uses Speed to attack</u>
<br>Requirements: Claw Style
<br>Stat requirements:
<br>-32 Claw Strike: 500 Speed, 200 Strength, 50 Stamina, 25 range
<br>-64 Claw Strike: 700 Speed, 300 Strength, 100 Stamina, 50 range
<br>-96 Claw Strike: 2000 Speed, 1000 Strength, 350 Stamina, 75 range
<br>-128 Claw Strike: 2500 Speed, 1500 Strength, 1000 Stamina, 100 range
<br>
<br>Claw Style blurring claw Strike is the core of the Claw Style but more focused heavily with disabling or destroying a foe at first chance using their fast pointed strikes with their claws within their range.
<br>
<br>Each Claw Poke is precise and controlled hitting either nerve bundles to create pain, pressure points to freeze the body or outright destroying important muscle ligaments to cause great pain and a worthless pile of flesh.
<br>
<br>
Starting with 32 Claw Strike with one action they activate the skill once per times their stamina in a fight
<br>EX: 25 is needed for 32 but you have 50, you can use it twice
<br>
<br>The way to defend against this style is to roll the number of strikes used allowing you to defend against, the number roll divided by 2, it plus defense bonus by 200 per in each stat.
<br>If all strikes were blocked, the user is left wide open
<br>
<br>EX1: If the defender has 1000 defense, they can add a +5 to the roll.
<br>EX2: 32 claw strike is used. The Defender 32 rolls and gets a 20 on the dice, which goes down to 10, but their defense bonus is 15 so they block 25 attacks total
<br>
<Br>
Dodging is another story! The speed behind each doubling of attacks come almost at a instant making it hard for those who are lower than the opponents speed!
<br>If they are faster however, they gain a added buff starting from 1000 higher than the user's speed stat to their roll
<br>Ex3: I have 2000 speed, add 1000 onto that causing it to become 3000 due to the strikes and the defender has 5000 stat in speed. They gain a +10
</p>
<br>-----------------------------------------------------------
<div id="Styles and Skills">
<h3><b><u>Skill: Perfect Dodge</b></u></h3>
</div>
<p>
<u>This counts as a fighting technique rather skill</u>

<br>Skill Requirements:
<br>-To be in Stance One, Dodge
<br>-To see the attack coming
<br>
<br>
Effects: Once every 3 days, the user can do a perfect dodge out of the way of an attack.
<br>The user rolls their first dodge then second, afterwards if the dodge is not enough to beat the roll and is within a 20 difference of rolls, they can activate this skill to dodge or cancel out the attack.
</p>
<br>-----------------------------------------------------------

<div id="Styles and Skills">
<h3><b><u>Skill: Grapple Counter</b></u></h3>
</div>
<p>

<u>This counts as a fighting technique rather skill</u>

<br>Skill Requirements:
<br>To be in Stance One, Dodge
<br>To see the Attack Coming
<br>To be above in speed or at least 2000 lower in speed for auto hit
<br>Can't grapple Giants
<br>
<br>
<br>Effects: Upon dodging a attack, the user can activate this skill on the opponents turn to grapple them.
<br>
<br>If the opponent is faster than the user, they do not automatically succeed in the roll but rather they roll like a normal grapple.
<br>
<br>The user will roll a d10 but the opponent gains pluses from 2000 higher than user's base speed
</p>
<br>-----------------------------------------------------------

<div id="Styles and Skills">
<h3><b><u>Skill: Disarm/Forceful disarm</b></u> </h3>
</div>
<p>

<u>This counts as a fighting technique rather skill</u>

<br>Skill Requirements:
<br>To be in Stance one, Dodge
<br>To see the weapon
<br>Within range
<br>Range is 50=1 foot.
<br>
<br>
<br>Disarm Effect: Upon dodging an attack, the user can disarm the opponent with a quick and surprising burst of speed.
To have this work, the user must be faster than the opponent.
<br>
<br>
<br>Forceful Disarm Effect: Upon dodging an Attack, the user disarms the opponent with a forceful twist of their wrist possibly spraining, snapping the bone, cutting the muscles used for grasping, etc
<br>
<br>
<br>To have this work, the user must be stronger than the opponent
Rolls:  The opponent and the user roll a 2d10's with no modifiers and who ever has the highest wins
</p>
<br>-----------------------------------------------------------

</div>

<div class="color infobox" id="three">
<h2>Connections</h2>
<h3>Falish Dante: Little brother</h3>
<img src="https://cdn.discordapp.com/attachments/575528207613427717/583100933693505556/ac.jpg" alt=""/>

<br/>
<h3>Falish Drake: Older Brother</h3>
<img src="https://cdn.discordapp.com/attachments/575528207613427717/583100933697699847/RSIMR1T.jpg" alt=""/>

<br/>
<h3>Lilith Razorand: Crew mate and one of his race </h3>
<img src="https://cdn.discordapp.com/attachments/575528207613427717/583100934184501248/Lillith.jpg" alt=""/>

<br/>
<h3>Name 4</h3>
<img src="IMAGE HERE" alt=""/>

<br>
</div>

<a href="http://wix.cera-nore.com/" target="_blank" title="CC#26">
<img src="https://orig00.deviantart.net/9a8a/f/2017/256/c/d/cera_by_cera_nore-dbncbii.png" id="credit"/>
</a>
</body>
</html>