Matches rework

<style>
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');

body{
background-color:#FFF;
background-image:url(http://i.picpar.com/lCBc.gif);
background-size:100% 100%;
background-position: top right;
background-repeat:no-repeat;
background-attachment:fixed;
}
#image {
position:fixed;
left: 5%;
top: 4%;
width: 10%;
height: 55%;
background-image: url('http://i.picpar.com/CCBc.png');
background-size:100%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:;
border:;
border-radius:;
-}

#kek{
position:fixed;
right: 8%;
top: -10%;
width: 22%;
height: 55%;
background-image: url('https://img00.deviantart.net/6a30/i/2015/125/5/9/kat_by_momo_deary-d8s89qh.png');
background-size:100%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:;
border:;
border-radius:;
-}

.box {position: absolute;
top: 7%;
left: 7%;
background: #transparent;
width: 85%;
height: 86%;
border: 2px solid #transparent;
background-image: url("http://www.publicdomainpictures.net/pictures/90000/velka/metallic-red-glitter-texture.jpg");
background-repeat: repeat;
background-size: ;
opacity:1;
}

::-webkit-scrollbar {
width:1.5px;
height:1.5px;
background-color:#transparent;
}
::-webkit-scrollbar-thumb:vertical {
background-color:#888888;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#888888;
}

h1 {
font: normal 12px 'lucida console';
border-bottom: 1px solid #12080E;}

b {
color:#ff4d4d;
font-weight:bold;
letter-spacing: 1px;
}

i{
color:#FF893F
;
font-family:Kaushan Script;
font-weight:light;
letter-spacing: 1px;
font-style:cursive;
}

u{
text-decoration:none;
text-shadow:0px 0px 2px #823571;
}

a:active, a:link, a:visited{
color:##ffffff;
text-decoration:none;
}

.derp{
position:absolute;
top:200px;
left:590px;
width:240px;
}

a.gluttony:link, a.gluttony:active, a.gluttony:visited{
display: block;
float: vertical;
width: 80px;
height:20px;
margin-bottom: 11%;
margin-right: 44px;
border:;
background-color: #330000;
transform: rotate (62deg);
-webkit-transform: rotate(62deg);
-ms-transform: rotate (62deg);
-webkit-transition: all -10s ease-out;
-moz-transition: all -100s ease-out;
}


#quote{
 position: absolute;
 z-index:6;
 left: 23%;
 top: 4%;
 color: #FF893F;
 text-shadow: 0.vw 0.vw 0.vw #9F1531;
 font-family:Kaushan Script;
 font-size: 1.8vw;
 letter-spacing: 0.1vw;
}



a.gluttony:hover{
border:px double ;
background-color:  #ff0000;
text-decoration:;
text-shadow:0px 0px 0px #fff;
box-shadow:7x 0px 7px  #330000;
}


.boxoshit {position: absolute;
top: 510px;
width: 450px;
height: 220px;
padding: 10px;
left: 50px;
overflow: auto;
background: ;
text-transform: uppercaps;
font-family: 'Playfair Display';
color: #FF893F;
font-size: 17px; opacity: 0;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
z-index: 10;
text-align: justify;}
.boxoshit:target { opacity: 1.0; z-index: 11; top: 410px; ;}



<div style="height: 200px; width: 600px; overflow-y: hidden;">
<a name="01"></a>
<div style="height: 200px; width: 590px; overflow: auto;" align="center">

</style>
<div id="quote">
Like a flame, I will burn you. Can you with stand this fire?
</div>

<div id="icon">
</div>

<div id="image">
</div>
<div class="derp">
<a href="#Standing" class="gluttony"></a>
<a href="#to close" class="gluttony"></a>
<a href="#to a" class="gluttony"></a>
<a href="#burning," class="gluttony"></a>
<a href="#flame." class="gluttony"></a>
<a href="#Reset..." class="gluttony"></a>
</div></div>

 <div id="Standing" class="boxoshit">
<h3>Hehehe.</h3>
<span style="float:left;"><b>Name</b></span> <span style="float:right;">Matches</span><br>
<span style="float:left;"><b>Gender</b></span> <span style="float:right;">All natural woman here peps~</span><br>
<span style="float:left;"><b>Age</b></span> <span style="float:right;">Does it fucking matter?</span><br>
<span style="float:left;"><b>Nicknames</b></span> <span style="float:right;">Matchstick, Red, Bitch, That Bitch, Cunt.</span><br>
<span style="float:left;"><b>Height</b></span> <span style="float:right;">6'0"</span><br>
<span style="float:left;"><b>Weight</b></span> <span style="float:right;">Fuck you</span><br>
<span style="float:left;"><b>Orientation</b></span> <span style="float:right;">Wanna find out?</span><br>
<span style="float:left;"><b>Relationship</b></span> <span style="float:right;">You can't handle me.~</span><br>
<span style="float:left;"><b>Race</b></span> <span style="float:right;">Human. </span><br>
<span style="float:left;"><b>Eyes</b></span> <span style="float:right;"> Green</span><br>
<span style="float:left;"><b>Hair/Style</b></span> <span style="float:right;">Long and red</span><br>
<span style="float:left;"><b>Personality</b></span> <span style="float:right;">Eh? Find out yea?</span><br>
<span style="float:left;"><b>Build</b></span> <span style="float:right;">Fuck you</span><br>
<span style="float:left;"><b>Occupation</b></span> <span style="float:right;">Hit Woman, Black Market, intel gathering, "Working girl"....whatever shady business you can think of. </span><br>


 </div>









 </div>

 <div id="to close" class="boxoshit">

<h3>History~.</h3>
As a child Matches had another name, it was Anna...the last name forgotten...when Matches (Anna) was but a child still her mother passed due to illness and blamed Anna for it all. He soon feel into being a drunken abusive father. He would often beat her to get his anger out on her 'till he passes out. This would go on for some time until one winter...money was tight due to well the father drinking it away. He gathered up all the unused matchbooks and put them in a wicker basket. He forced her to stand out in the snow to sell them. She would be allowed back inside until all of the books were sold. <br><br>
The weather was as cruel as it was unforgiving, when no one would buy them from her the girl began to panic, she pounded on the door to be let in but there was no answer. She panicked and started to light the matches just to stay warm while sitting on porch. Hunger, thirst, freezing, the only thing that would keep her going is the simple flame from those match sticks. Green eyes would watch the flickers until the stick went out and when it became too cold for the fire to even spark to life is when she gave up.
<br><br>

Now covered in the snow and dieing from both the elements and without food or drink, she would have died...should have died until waking up warm and wrapped up in a large black coat. She was brought to a place that was never found before. Life for the child changed. Anna was adopted by Sylvain, a crime lord of his own making. As life was good there the girl became interested in his business and decided to train and learn about the many different jobs. Noticing her love of fire and matchsticks he dubbed her Matches, the name stuck and the name Anna was replaced. Life so far was one of danger.
<br><br>
Things started to get better after meeting James, at first her and the wolf had agreed not to get attached and that it was just strictly pleasure because either of them could die at any given time due to their jobs...well that didn't go over too well seeing as they ended up together. He is the only one that can handle her and her bullshit. The proof? The child that they had together, yes you heard right Matches is a mother.
 </div>




 <div id="to a" class="boxoshit">
<h3>Friends/Victims.</h3>

<p><a target="_blank" href="Link"><img style="border-radius: 50%" src="Pic" align="left" height="60" width="60"></a> <i>"Blurb"</i></p>
 </div>





 <div id="burning," class="boxoshit">

<h2>Combat<h2>

Matches is a basic human with the experience and the know how to stand up to many different kinds of people. Training and dangerous jobs makes for exellcent dodging, speed...while isn't super human it's faster than most. Intellegent? Well yea, she has smarts both book and street. One has to be in order to do....jobs...as it were. Observitional skills...nornally a one woman wrecking crew. However that does not mean that she isn't with her own short comings. A few favorite things to be carried are knives...they vary in count depending on the outfit worn and her point nine millameter pistol.
<br><br>
Hand to hand is much more preffered though....just as a future refference.
</div>
 <div id="flame." class="boxoshit">
<h3>Out Of Character.</h3>
This code is more or less a collaboration of Gaia and <a href="profile.php?user=Zero." target="_blank">Zero</a>'s.<br>

Super pm/room friendly.
<br>
IC drama is cool, OOC drama will get you ignored.
<br>
Smut? Eh, why the hell not. Story though
<br>
Combat allowed, no powers just a human with weapons and know how.
<br>
Irl will ALWAYS come before RP, always.
<br>
My muse comes and goes, not sorry for that.
<br>
I am aware who the FC is, no I will not change it, problem? Too damn bad don't interact with me, bitch and I will block you.
<br>
Will do cross overs will cannon characters.
<br>
Here to have fun and so should you.
</div>
</div>
<div id="image">
<div id="Kek">