Ozymandias code done

<style>

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');

 body {
 background-color:#1f0a00;
 overflow:hidden;
 background-image: url("http://i.imgur.com/ScMXutN.png");
}


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

b{
background:#1f0a00;
color:#fff;
padding:2px;
margin-top:0;
margin-bottom:0;
opacity:.5;
}

h1{
border-bottom:solid .9px #000;
color:#1f0a00;
opacity:.8;
text-align:center;
letter-spacing:5px;
margin-bottom:10px;
margin-top:0px;
font-family: 'Josefin Sans', sans-serif;
text-transform: uppercase;
}

h2{
border-bottom:solid .9px #000;
color:#1f0a00;
opacity:.8;
text-align:center;
letter-spacing:1px;
margin-bottom:10px;
margin-top:10px;
font-family: 'Josefin Sans', sans-serif;
text-transform: uppercase;
font-size:10pt;
}

a{
text-decoration:none;
transition:1s;
color:#1f0a00;
}
a:hover{
color:gold;
}



#examplebox{

 width:700px;
 height:530px;
 background-color:#716444;
 background-image: url("https://www.transparenttextures.com/patterns/redox-01.png");
background-size:40%;
 top:50%;
 left:50%;
 position:absolute;
 margin-top:-250px;
 margin-left:-350px;
 filter:brightness(10%);
 transition:3s;
 box-shadow:0px 0px 30px 5px #000;
color:#1f0a00;
font-family: 'Roboto Slab', serif;
font-size:10pt;
}

#insidebox{
 width:4150px;
 height:400px;
 background-color:transparent;
 postion:absolute;
 background-image:url(http://i.imgur.com/MXe4NKu.jpg);
 background-size:100%;
}

#contentbox{
 width:650px;
height:400px;
 background-color:transparent;
 postion:fixed;
 overflow:hidden;
 margin-top:25px;
 margin-left:25px;
 z-index:0;
 border:solid 1px black;
}

#shadowbox{
width:650px;
height:400px;
 background-color:transparent;
 postion:absolute;
 margin-top:-402px;
 border:solid 1px black;
 margin-left:25px;
 box-shadow: inset 0px 0px 10px 3px #000;
 z-index:10;
}

#tab1{
width:650px;
height:400px;
background-color:transparent;
position:absolute;
opacity:0;
z-index:0;
}

#boxtab1{
width:200px;
height:360px;
padding:10px;
background-color:transparent;
position:absolute;
top:18px;
overflow:auto;
}

#boxtab2{
width:160px;
height:360px;
padding:10px;
background-color:transparent;
position:absolute;
top:18px;
left:470px;
overflow:auto;
}


#tab2{
  width:390px;
height:360px;
padding:10px;
 background-color:transparent;
position:absolute;
opacity:0;
top:43px;
z-index:0;
overflow:auto;
}

#tab3{
  width:285px;
height:360px;
padding:10px;
 background-color:transparent;
position:absolute;
opacity:0;
top:43px;
left:370px;
  z-index:0;
overflow:auto;
}

#tab4{
    width:390px;
height:360px;
padding:10px;
 background-color:transparent;
position:absolute;
opacity:0;
top:43px;
z-index:0;
overflow:auto;
}

#tab5{
    width:255px;
height:260px;
padding:10px;
 background-color:transparent;
position:absolute;
opacity:0;
top:43px;
left:400px;
z-index:0;
color:white;
overflow:auto;
}

#tab6{
    width:335px;
height:360px;
padding:10px;
 background-color:transparent;
position:absolute;
opacity:0;
top:43px;
left:320px;
z-index:0;
overflow:auto;
}

#navi{
 background-color:transparent;
 width:700px;
 height:50px;
 position:absolute;
 margin-left:-10px;
 margin-top:425px;
 z-index:30;
 float:left;
}

#navi a{
 display:block;
 float:left;
 margin-top:5px;
 margin-left:30px;
 transition:1s;
}

#navi a:hover{
 filter:drop-shadow(0px 0px 2px #000);
 transition:1s;
}

#blanket:target #insidebox{
 margin-left:0px;
 transition:1s;
}
#blanket:target #tab1{
opacity:1;
 transition:1s;
transition-delay:1s;
z-index:10;
}
#blanket:target #tab2{
 opacity:0;
 transition:1s;
}
#blanket:target #tab3{
opacity:0;
 transition:1s;
}
#blanket:target #tab4{
opacity:0;
 transition:1s;
}
#blanket:target #tab5{
opacity:0;
 transition:1s;
}
#blanket:target #tab6{
 opacity:0;
 transition:1s;
}

#blanket2:target #insidebox{
 margin-left:-700px;
 transition:1s;
}
#blanket2:target #tab1{
opacity:0;
 transition:1s;
}
#blanket2:target #tab2{
opacity:1;
 transition:1s;
transition-delay:1s;
z-index:10;
}
#blanket2:target #tab3{
opacity:0;
 transition:1s;
}
#blanket2:target #tab4{
opacity:0;
 transition:1s;
}
#blanket2:target #tab5{
opacity:0;
 transition:1s;
}
#blanket2:target #tab6{
 opacity:0;
 transition:1s;
}


#blanket3:target #insidebox{
 margin-left:-1400px;
 transition:1s;
}

#blanket3:target #tab1{
opacity:0;
 transition:1s;
}
#blanket3:target #tab2{
opacity:0;
tranistion:1s;
}
#blanket3:target #tab3{
opacity:1;
 transition:1s;
transition-delay:1s;
z-index:10;
}
#blanket3:target #tab4{
opacity:0;
 transition:1s;
}
#blanket3:target #tab5{
opacity:0;
 transition:1s;
}
#blanket3:target #tab6{
 opacity:0;
 transition:1s;
}

#blanket4:target #insidebox{
 margin-left:-2100px;
 transition:1s;
}

#blanket4:target #tab1{
opacity:0;
 transition:1s;
}
#blanket4:target #tab2{
opacity:0;
tranistion:1s;
}
#blanket4:target #tab3{
opacity:0;
tranistion:1s;
}
#blanket4:target #tab4{
opacity:1;
 transition:1s;
transition-delay:1s;
z-index:10;
}
#blanket4:target #tab5{
opacity:0;
 transition:1s;
}
#blanket4:target #tab6{
 opacity:0;
 transition:1s;
}

#blanket5:target #insidebox{
 margin-left:-2800px;
 transition:1s;
}

#blanket5:target #tab1{
opacity:0;
 transition:1s;
}
#blanket5:target #tab2{
opacity:0;
tranistion:1s;
}
#blanket5:target #tab3{
opacity:0;
tranistion:1s;
}
#blanket5:target #tab4{
opacity:0;
tranistion:1s;
}
#blanket5:target #tab5{
opacity:1;
 transition:1s;
transition-delay:1s;
z-index:10;
}
#blanket5:target #tab6{
 opacity:0;
 transition:1s;
}

#blanket6:target #insidebox{
 margin-left:-3500px;
 transition:1s;
}
#blanket6:target #tab1{
opacity:0;
 transition:1s;
}
#blanket6:target #tab2{
opacity:0;
tranistion:1s;
}
#blanket6:target #tab3{
opacity:0;
tranistion:1s;
}
#blanket6:target #tab4{
opacity:0;
tranistion:1s;
}
#blanket6:target #tab5{
opacity:0;
tranistion:1s;
}
#blanket6:target #tab6{
opacity:1;
 transition:1s;
transition-delay:1s;
z-index:10;
}

.light {
 background: #ffba24;
 width: 200;
 height: 200;
 position: absolute;
 top:50%;
 left:50%;
 margin-top:-500px;
 margin-left:500px;
 border-radius:0px;
 opacity: 0.30;
 box-shadow: 0 0 200px 250px #ffba24;
 animation: light 0.1s infinite;
 z-index:99;
 transition:3s;
}
@keyframes light {
 0% { box-shadow: 0 0 200px 250px #ffba24; }
 100% { box-shadow: 0 0 220px 260px #ffba24; }
}

body:hover .light{
 margin-top:-100px;
 margin-left:-100px;

}
body:hover #examplebox{
 filter:brightness(80%);
 transition-delay:1s;
}
</style>
<div class="light"></div>
<div id="blanket"><div id="blanket2"><div id="blanket3"><div id="blanket4"><div id="blanket5"><div id="blanket6">
<div id="examplebox">
 <div id="navi">

 <a href="#blanket">
<img border="0" alt="W3Schools" src="http://4.bp.blogspot.com/-EFRDQhENp00/UwaHuRdA_II/AAAAAAAAA-4/hNsFC_ai4fc/s1600/Foto+de+rá.png" width="50" height="100">
</a>
 <a href="#blanket2">
<img border="0" alt="W3Schools" src="http://i.imgur.com/wf9U4r0.png" width="170" height="100">

 </a>
 <a href="#blanket3">
 <img border="0" alt="W3Schools" src="http://i.imgur.com/ZJBxDLe.png" width="50" height="100">

 </a>
<a href="#blanket4">
 <img border="0" alt="W3Schools" src="http://i.imgur.com/VXe05Zt.png" width="50" height="100">
</a>
<a href="#blanket5">
 <img border="0" alt="W3Schools" src="http://i.imgur.com/onbelBJ.png" width="50" height="100">
</a>
<a href="#blanket6">
 <img border="0" alt="W3Schools" src="http://i.imgur.com/JeXYesn.png" width="150" height="100">
</a>
 </div>
 <div id="contentbox">
 <div id="insidebox"></div>
 </div>
 <div id="shadowbox">
 <div id="tab1">
<div id="boxtab1"><h1>OOC</h1>
<b>00</b>this profile was custom made by <a href="https://roleplay.chat/profile.php?user=Hound%20of%20Tindalos">The Hound of Tindalos</a>send him a RPC mail or  PM if you want one as well.<br>

<b>01</b><br>

<b>01</b><br>

<b>01</b><br>

<b>01</b><br>

 </div>
<div id="boxtab2"><h1>Stats</h1>
 <span style="float: left;">Name</span> <span style="float: right;">Ramses ll</span><br>

 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>

 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>

 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>

 <span style="float: left;">Class</span> <span style="float: right;"><img src="https://vignette4.wikia.nocookie.net/fategrandorder/images/7/73/Ridericon.png/revision/latest/scale-to-width-down/35?cb=20160205145549" alt="Smiley face" height="30" width="30"></span><br><br>

 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>

 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>

 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>

 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>

 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>

 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>

</div>

</div>
 <div id="tab2"><h1>History</h1>Write shit here<br></div>
 <div id="tab3"><h1>Class Skills</h1><br>

<h2><img src="https://vignette3.wikia.nocookie.net/fategrandorder/images/4/4f/Anti_magic.png/revision/latest/scale-to-width-down/45?cb=20150809042138" alt="Smiley face" height="25" width="25"> Magic Resistance B</h2><br>

Write shit here<br>

<h2><img src="https://vignette3.wikia.nocookie.net/fategrandorder/images/4/48/Riding.png/revision/latest/scale-to-width-down/45?cb=20150809042151" alt="Smiley face" height="25" width="25"> Riding A+</h2><br>

Write shit here<br>

<h1>Personal Skills</h1><br>

<h2><img src="https://vignette1.wikia.nocookie.net/fategrandorder/images/0/07/Divinity.png/revision/latest/scale-to-width-down/45?cb=20150813002416" alt="Smiley face" height="25" width="25">Divinity A</h2><br>

Write shit here<br>

<h2><img src="https://vignette2.wikia.nocookie.net/fategrandorder/images/3/3d/Dmg_up.png/revision/latest/scale-to-width-down/45?cb=20150812233938" alt="Smiley face" height="25" width="25"> Charisma B</h2><br>

Write shit here<br>

<h2><img src="https://vignette2.wikia.nocookie.net/fategrandorder/images/6/6e/Heal.png/revision/latest/scale-to-width-down/45?cb=20150812233949" alt="Smiley face" height="25" width="25"> Imperial Privilege A</h2><br>

Write shit here<br>

<h2><img src="https://vignette2.wikia.nocookie.net/fategrandorder/images/5/5e/Startnp.png/revision/latest/scale-to-width-down/45?cb=20150807030306" alt="Smiley face" height="25" width="25"> Protection from Ra A+</h2><br>

Write shit here<br>

</div>
 <div id="tab4"><h1>Noble Phantasm</h1><br>
<h2>Mesektet: The Solar Ship of the Dark Night</h2><br>

Write shit here<br>

<h2>Ramesseum Tentyris: The Shining Great Temple Complex</h2><br>

Write shit here<br>

<h2>The Sphinx of Abu el-Hol: The Lion-Bodied Beast of the Hot Sand</h2><br>

Write shit here<br>

</div>
 <div id="tab5"><h1>Friends</h1><br>
<div style="height:0px;">
<font style="float:left;"><a target="_blank" title="You can write stuff about your friend here" href="https://roleplay.chat/profile.php?user=USERNAME"><img src="IMGFILE"width="60" height="60"> </a>

<a target="_blank" title="You can write stuff about your friend here" href="https://roleplay.chat/profile.php?user=USERNAME"><img src="IMGFILE"width="60" height="60"> </a>

<a target="_blank" title="You can write stuff about your friend here" href="https://roleplay.chat/profile.php?user=USERNAME"><img src="IMGFILE"width="60" height="60"> </a>

<a target="_blank" title="You can write stuff about your friend here" href="https://roleplay.chat/profile.php?user=USERNAME"><img src="IMGFILE"width="60" height="60"> </a>

<a target="_blank" title="You can write stuff about your friend here" href="https://roleplay.chat/profile.php?user=USERNAME"><img src="IMGFILE"width="60" height="60"> </a>

<a target="_blank" title="You can write stuff about your friend here" href="https://roleplay.chat/profile.php?user=USERNAME"><img src="IMGFILE"width="60" height="60"> </a>

</font>
 </div>
</div>
 <div id="tab6"><h1>Stats</h1>Write shit here<br></div>
 </div>
</div>