IZANAGI CODE [DONE]

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Forum|Poiret+One|Marck+Script|Pirata+One');

body {
background-color: #000;
background-image: url('https://i.pinimg.com/originals/cc/30/b2/cc30b2f5c606bf160d5185842990431b.gif');
background-position: center;
background-size: 100%;
background-repeat:repeat;
}

#nagi {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}

::-webkit-scrollbar-track {
background-color:;
}

::-webkit-scrollbar-thumb {
background-color:;
}

::-webkit-scrollbar {
width:0px;
height:0px;
}

#container {
position: absolute;
left: 38%;
top: 15%;
height: 400px;
width: 300px;
border: 2px solid #000;
background: #010101;
box-shadow: 0px 0px 4px 4px #222;
background-image: url('https://www.transparenttextures.com/patterns/3px-tile.png');
}

#img1 {
position: absolute;
left: -110px;
bottom: -20px;
height: 70px;
width: 70px;
border: 2px solid #000;
background: #010101;
box-shadow: 0px 0px 4px 4px #222;
background-image: url('https://64.media.tumblr.com/c57b9162dd3b548f7c9f983840c21bb3/6d351530fca0af69-88/s2048x3072_c0,27399,100000,73881/debb0e86eba17fb8e65bddc8f8e634220439d774.jpg');
background-size: 200%;
background-repeat: no-repeat;
background-position: center top;
}

#img2 {
position: absolute;
left: -110px;
bottom: 80px;
height: 70px;
width: 70px;
border: 2px solid #000;
background: #010101;
box-shadow: 0px 0px 4px 4px #222;
background-image: url('https://64.media.tumblr.com/8b5246cc17199147f31bb086aa9964ee/dc6a9f260d4d0051-58/s500x750/eddee0565226add2a888fad5c1a990dfad16ae4b.gif');
background-size: 150%;
background-repeat: no-repeat;
background-position: center top;
}

#img3 {
position: absolute;
left: -110px;
bottom: 180px;
height: 70px;
width: 70px;
border: 2px solid #000;
background: #010101;
box-shadow: 0px 0px 4px 4px #222;
background-image: url('https://cdn.statically.io/img/i.pinimg.com/originals/26/d3/62/26d362de64d99cc0deb3501ff213072a.jpg');
background-size: 112%;
background-repeat: no-repeat;
background-position: center;
}

#tab1 {
position: absolute;
left: -110px;
top: -20px;
width: 12px;
height: 135px;
border: 2px solid #000;
background: #010101;
box-shadow: 0px 0px 4px 4px #222;
}

#tab1:hover {
background: #333;
}

#tab2 {
position: absolute;
left: -52px;
top: -20px;
width: 12px;
height: 135px;
border: 2px solid #000;
background: #010101;
box-shadow: 0px 0px 4px 4px #222;
}

#tab2:hover {
background: #333;
}

#img4 {
position: absolute;
right: -110px;
top: -20px;
height: 70px;
width: 70px;
border: 2px solid #000;
background: #010101;
box-shadow: 0px 0px 4px 4px #222;
background-image: url('http://ic.pics.livejournal.com/anangrym/74251856/9793662/9793662_900.png');
background-size: 110%;
background-repeat: no-repeat;
background-position: center top;
}

#img5 {
position: absolute;
right: -110px;
top: 80px;
height: 70px;
width: 70px;
border: 2px solid #000;
background: #010101;
box-shadow: 0px 0px 4px 4px #222;
background-image: url('https://64.media.tumblr.com/c52865fa8e8c3c205d992ed0433256dc/tumblr_pjro2f46Qh1r09d6po3_540.gifv');
background-size: 205%;
background-repeat: no-repeat;
background-position: center;
}

#img6 {
position: absolute;
right: -110px;
top: 180px;
height: 70px;
width: 70px;
border: 2px solid #000;
background: #010101;
box-shadow: 0px 0px 4px 4px #222;
background-image: url('https://i.pinimg.com/originals/dd/c2/f3/ddc2f39a0b17801012bbda36cb9937e0.jpg');
background-size: 126%;
background-repeat: no-repeat;
background-position: center;
}

#tab3 {
position: absolute;
right: -52px;
bottom: -20px;
width: 12px;
height: 135px;
border: 2px solid #000;
background: #010101;
box-shadow: 0px 0px 4px 4px #222;
}

#tab3:hover {
background: #333;
}

#tab4 {
position: absolute;
right: -110px;
bottom: -20px;
width: 12px;
height: 135px;
border: 2px solid #000;
background: #010101;
box-shadow: 0px 0px 4px 4px #222;
}

#tab4:hover {
background: #333;
}

#botbox {
position: absolute;
z-index: 1;
right: 8px;
bottom: 8px;
height: 130px;
width: 270.5px;
padding: 5px;
background: #010101;
border: 2px solid #000;
box-shadow: 0px 0px 2px 2px #222;
color: #fff;
font-family: 'Forum';
font-size: 11px;
line-height: 15px;
overflow-y: auto;
}

#leftbox {
position: absolute;
z-index: 1;
top: 8px;
left: 8px;
padding: 5px;
height: 214px;
width: 122.5px;
background: #010101;
border: 2px solid #000;
box-shadow: 0px 0px 2px 2px #222;
color: #fff;
font-family: 'Forum';
font-size: 11px;
line-height: 15px;
overflow-y: auto;
}

#rightbox {
position: absolute;
z-index: 1;
top: 8px;
right: 8px;
padding: 5px;
height: 214px;
width: 122.5px;
background: #010101;
border: 2px solid #000;
box-shadow: 0px 0px 2px 2px #222;
color: #fff;
font-family: 'Forum';
font-size: 11px;
line-height: 15px;
overflow-y: auto;
}

b {
color: #666;
font-family: 'Poiret One';
}

a {
color: #8ff4ff;
font-family: 'Marck Script';
text-decoration: none;
}

a:hover {
color: #e08cff;
text-decoration: underline;
}

h1 {
font-family: 'Pirata One';
font-size: 23px;
color: #000;
text-align: center;
background-color: #222;
line-height: 20px;
margin-top: 0px;
margin-bottom: 4px;
letter-spacing: 1px;
background-size: 100%;
background-repeat: repeat;
background-image: url('https://www.transparenttextures.com/patterns/green-dust-and-scratches.png');
text-shadow: 0px 0px 10px #555;
}

</style>
<div id="nagi" oncontextmenu="return false;">
<div id="container">
<div id="img1"></div>
<div id="img2"></div>
<div id="img3"></div>
<div id="img4"></div>
<div id="img5"></div>
<div id="img6"></div>
<a href="#2"><div id="tab1"></div></a>
<a href="#3"><div id="tab2"></div></a>
<a href="#4"><div id="tab3"></div></a>
<a href="#1"><div id="tab4"></div></a>
<div id="leftbox"><h1>Stats</h1><B>Bold</B> is another font. <B>I think.</B></div>
<div id="rightbox"><h1>Allies</h1></div>
<div id="botbox">
<div style="height: 130px; overflow: hidden;">
<a name="1"></a>
<div style="height: 130px; overflow-y: auto;">
<div style="margin: 0 auto; width: 24em;">
<h1>Out of Character</h1>
<li>Coded by <a href="" target="_blank">Chuu</a> for INM's use only! Do not steal any part of this code please and thanks. If you want something similar, just ask.
</div></div>

<a name="2"></a>
<div style="height: 130px; overflow-y: auto;">
<div style="margin: 0 auto; width: 24em;">

</div></div>

<a name="3"></a>
<div style="height: 130px; overflow-y: auto;">
<div style="margin: 0 auto; width: 24em;">

</div></div>

<a name="4"></a>
<div style="height: 130px; overflow-y: auto;">
<div style="margin: 0 auto; width: 24em;">

</div></div></div></div>
</div>
</div>