Ga-FIX

<style type="text/css">

@font-face { font-family: caviar dreams; src: url(https://dl.dropboxusercontent.com/s/jmybjb3qrzs0z19/Caviar.ttf); }
@font-face { font-family: Thunder Strike; src: url(https://dl.dropboxusercontent.com/s/vrsjyoo9kvtx2lb/Thunder%20Strike.ttf?dl=0); }

body {
font-family: verdana;
font-size: 10px;
background-color: #311b3a;
background-image: url('https://www.transparenttextures.com/patterns/checkered-pattern.png');
background-attachment: fixed;
background-position: bottom left;
background-repeat: repeat;
text-align: justify;
color: #666666;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
overflow: hidden;
}

::-webkit-scrollbar-button:vertical:{background-color: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size: 10px; color: #363640; font-weight:normal; letter-spacing: -1px;}
i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:9pt; letter-spacing:0px}
u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
s {color: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
big {color: #000000; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family: Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #20070b3 0px 0px 1px;}
small {color: #3B2F7F; font-size: 18px; font-weight: light; letter-spacing: -1px; font-family: verdana; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

#controlledlift{
position: fixed;
top: 0px;
bottom: 0px;
left: 10%;
margin: auto;
height: 600px;
width: 600px;}

#numbercontainer{
position: absolute;
    top: -195px;
    left: -478px;}

::selection{
background: #2f1a0f;
color: white;
}

::-moz-selection{
background: #2f1a0f;
color: white;
}

h1 {
font-family: caviar dreams;
color: #0c050f;
font-size: 20px;
line-height: 5px;
text-transform: uppercase;
text-align: right;
letter-spacing: 1px;
border-top: 1px solid #000000;
}

#name {
 position: absolute;
 top: 465px;
 left: 455px;
 color: #311b3a;
 font-size: 55px;
 line-height: 80px;
 letter-spacing: 2px;
 font-family: Thunder Strike;
 text-shadow: #000000 2px 3px 4px;
width: 500px;
z-index: 3;
}

#shot{
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}

#boom {
 position: absolute;
 top: 510px;
 left: 120px;
 width: 752px;
 height: 135px;
 border: #311b3a 1px solid;
 padding: 10px;
 background-color: #311b3a;
 background: url("http://i.picpar.com/Hcdb.png");
}

#boomboom{
position: absolute;
top: 15px;
left: 20px;
right: 15px;
bottom: 20px;
background: #311b3a;}

#headshot {
 position: absolute;
 margin-top: 5px;
 margin-left: 5px;
 width: 720px;
 height: 100px;
 border: #311b3a 1px solid;
 padding: 10px;
 background-color: #311b3a;
 background-repeat: no-repeat;
}

#guns {
    position: fixed;
    width: 480px;
    height: 99px;
    margin-left: 247px;
    margin-top: 26px;
    padding: 10px;
    padding-left: 16px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    font-variant: small-caps;
    overflow: auto;
    z-index: 3;
}

#cait {
 position: absolute;
 top: 191px;
 left: 750px;
 width: 130px;
 height: 280px;
 border: #311b3a 1px solid;
 background-repeat: no-repeat;
 border: #000 8px solid;
 background-color: #311b3a;
 background: url("http://i.picpar.com/pKic.jpg");
}

#lyn {
position: absolute;
left: 475px;
top: 191px;
width: 245px;
height: 270px;
padding: 5px;
color: #666666;
font-family: verdana;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
border: 8px #000 Solid;
background-color: #311b3a;
font-variant: small-caps;
transition: all 1s ease-in-out;
}

#navi {
  position: absolute;
  top: 490px;
  left: 770px;
  width: 200px;
  height: 30px;
  background-color: transparent;
z-index: 4;
  }

.box {
position: absolute;
left: 475px;
top: 180px;
width: 945px;
height: 670px;
padding: 5px;
color: #666666;
font-family: verdana;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
background-color: transparent;
opacity: 0;
font-variant: small-caps;
transition: all 1s ease-in-out;
}

.box:target {
top: 180;
left: 475px;
opacity: 1;
transition: all 1s ease-in-out;
z-index: 1;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 15px;
height: 15px;
color: #EDEDEE;
font-family: 'Abel', sans-serif;
margin: 5px;
background-color: #6a5c6e;
text-align: center;
line-height: 18px;
font-size: 10px;
word-spacing: 1px;
font-variant: small-caps;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
border-radius: 240px;
}

a.nav:hover{
background-color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
border-radius: 240px;
}

a {
color: #0c050f;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

a:hover {
color: #0c050f;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

.hat {
height: 40px;
width: 40px;
margin-left: 4px;
border: #b8b2d12px solid;
opacity: 0.7;
}

</style>

<div id="controlledlift">

<div id="name">Sheriff of Piltover</div>

<div id="shot"><img src="http://i.picpar.com/vKic.png" height="700"></div>

<div id="boom">
<div id="boomboom">
</div>
<div id="guns">
<h1>Out of Character</h1>
<big>Note</big>: You see this right here? Yes, this code. It is not to be touched by anyone other than Caitlyn. If you wish to get a code like this, leave <a href="/profile.php?user=Bee">Bee</a> a PM or RPCmail and from there, we can talk about commissioning you a profile just like this. - Bee <br>
<br><big>O1</big>.
<br><big>O2</big>.
<br><big>O3</big>.
<br><big>O4</big>.
<br><big>O5</big>. </div>
</div>

<div id="navi">
<a class="nav" href="#one"></a>
<a class="nav" href="#two"></a>
<a class="nav" href="#three"></a>
<a class="nav" href="#four"></a>
</div>

<div id="numbercontainer">
<div id="one" class="box">
<div id="cait"></div>
<div id="lyn">
<h1>I'm on the case</h1>
<big>Name(s):</big> <font style=float:right>---</font>
<br><big>Sex:</big> <font style=float:right>--</font>
<br><big>Age:</big> <font style=float:right>---</font>
<br><big>Height:</big> <font style=float:right>---</font>
<br><big>Orientation:</big> <font style=float:right>---</font>
<br><big>Marital Status:</big> <font style=float:right>---</font>
<br><big>Hometown:</big> <font style=float:right>---</font>
<br><big>Hair Colour:</big> <font style=float:right>---</font>
<br><big>Eye Hue:</big> <font style=float:right>---</font>
<br><big>Roles:</big> <font style=float:right>---</font><br>
</div>
</div>

<div id="two" class="box">
<div id="cait"></div>
<div id="lyn">
<h1>Boom. Headshot.</h1>
  history - words here pls.
</div>
</div>

<div id="three" class="box">
  <div id="cait"></div>
<div id="lyn">
<h1>Let's Investigate</h1>
<img src="http://vignette4.wikia.nocookie.net/leagueoflegends/images/9/94/Headshot.png" class="hat"></img>
<img src="http://vignette4.wikia.nocookie.net/leagueoflegends/images/f/fd/Piltover_Peacemaker.png" class="hat"></img>
<img src="http://vignette1.wikia.nocookie.net/leagueoflegends/images/0/03/Yordle_Snap_Trap.png" class="hat"></img>
<img src="http://vignette4.wikia.nocookie.net/leagueoflegends/images/0/0b/90_Caliber_Net.png" class="hat"></img>
<img src="http://vignette2.wikia.nocookie.net/leagueoflegends/images/a/aa/Ace_in_the_Hole.png" class="hat"></img><br><br>

    <big>Headshot</big> INNATE: Caitlyn's next basic attack against enemies Root icon rooted by Yordle Snap Trap or slowed by Caliber Net gains 650 bonus range and deals 50% (+ 0.5 × total critical strike damage modifier × critical strike chance) AD bonus physical damage, modified to 150% AD versus non-champions. Additionally, Caitlyn gains 10% bonus attack speed and her regular basic attacks each generate a stack of Headshot, doubled when attacking from brush, granting her next basic attack the same bonus physical damage at 6 stacks, though this does not benefit from bonus range nor is it consumed on other instances of Headshot. <br>

    <big>Piltover Peacemaker</big> ACTIVE: After 1 second, Caitlyn fires a projectile in the target direction that deals physical damage to the first enemy it passes through, after which it expands in width but deals only 67% damage to all enemies it passes through thereafter. Enemies revealed by Yordle Snap Trap always take full damage from Piltover Peacemaker. <br>

    <big>Yordle Snap Trap</big> PASSIVE: Caitlyn periodically stores a charge of Yordle Snap Trap, up to a maximum amount stored at once.
ACTIVE: Caitlyn sets a trap at the target location that arms after 1.1 seconds and lasts up to 90. After the maximum amount of traps is laid down, deploying another immediately destroys the oldest one. Enemy champions who step on a trap set it off, rooting them for 2 seconds, during which they take increased damage from Headshot, grant true sight of themselves for 9 seconds, and become immune to Yordle Snap Traps for 4 seconds while they remain in the area. <br>

    <big>90 Caliber Net</big> ACTIVE: Caitlyn fires a net and dashes in the opposite direction, dealing magic damage to the first enemy hit and Slow icon slowing them by 50% for 1 second. <br>

    <big>Ace in the Hole</big> ACTIVE: After a brief delay, Caitlyn locks onto a target enemy champion and channels for 1 second. At start of the cast, Caitlyn gains true sight of the target. If Caitlyn completes the channel, she fires a homing projectile toward the target that deals physical damage to the first enemy champion it hits. Other enemy champions can intercept the shot. <br>
</div>
</div>

<div id="four" class="box">
  <div id="cait"></div>
<div id="lyn">
<h1>Target Marked</h1>
  friends maybe head canons? - words here pls.
</div>
</div>
</div>
</div>