Akio

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Reem+Kufi);


::-webkit-scrollbar-thumb:vertical
{
background-color:transparent;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

::-webkit-scrollbar
{
width:6px;
height:20px;
background-color:transparent;
}


body {
background-color: #000;
background-image:url(http://i.imgur.com/DBnl8QF.jpg);
background-attachment: fixed;
background-position: center;
background-size: 100% 100%;
background-repeat: no-repeat;
cursor: url(http://i.imgur.com/lp5Igxd.png), progress !important;
}



.box {position: absolute;
right: 441px;
top:150px;
border: 5px solid #A013F2;
height:330px;
width:460px;
background-color:000000;
overflow: auto;visible;
font-family: Reem Kufi;
font-size:16px;
color:#7322A2;}

.content {
background-color: #000000;
border: none;
color: #7322A2;
font-size: 16px;
font-family: Reem Kufi;
height: 320px;
right: 445px;
opacity: 0;
overflow: auto;
padding: 5px;
position: fixed;
text-align: left;
top: 155px;
width: 451px;
}

.content:target {
background-color: #000000;
border: none;
height: 320px;
right: 445px;
opacity: 1;
overflow: auto;
padding: 5px;
position: fixed;
top: 155px;
width: 451px;
z-index: 40;

}

b, strong { color: #000;text-shadow: 0 0 0.1em #D490FB;
}


a:active, a:link, a:visited {
color: #AE53E3;
text-decoration: none;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}

a:hover {
color: #fff;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
cursor: url('http://i.imgur.com/lp5Igxd.png'), progress;
}

a.tab:active, a.tab:link, a.tab:visited {
background-color: #9009DE;
border: #000000 solid 2px;
border-radius: 50%;
display: inline-block;
height: 25px;
text-decoration: none;
width: 25px;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
box-shadow:inset 0 0 75px 75px #9009DE, 0 0 0 #9009DE;
cursor: url('http://i.imgur.com/lp5Igxd.png'), progress;
}

a.tab:hover {
background-color: #000000;
border: #9009DE 2px solid;
box-shadow:inset 0 0 35px 35px transparent, 0 0 75px 50px transparent;

}
#thetabs {
background-color: transparent;
border: none;
height: 20px;
right: 481px;
position: fixed;
text-align: left;
top: 74%;
letter-spacing:85px;
width: 385px;
}



#icon {
position:fixed;
right: 8%;
top: 2%;
width: 170px;
height: 170px;
background-image: url('http://i.imgur.com/Mhtzpjk.gif');
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:black;
border: 5px solid #A013F2;
border-radius:200px;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}

#icon2 {
position:fixed;
right: 0%;
top: 40%;
width: 170px;
height: 170px;
background-image: url('http://i.imgur.com/tOeMHyD.gif');
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:black;
border: 5px solid #A013F2;
border-radius:200px;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}

#icon3 {
position:fixed;
right: 8%;
bottom: 2%;
width: 170px;
height: 170px;
background-image: url('http://i.imgur.com/iOkE8BN.gif');
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:black;
border: 5px solid #A013F2;
border-radius:200px;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}

.npcpokemonbar {Background-color: none; Position: absolute;letter-spacing:40px; Height: 13px; Width: 455px; right: 425px; Top: 110px; padding: 4px; z-index: 100;}

#credit{ position: fixed;
right: 10px;
bottom: 0px;
font-family: Arial;
font-variant: normal;
font-weight: normal;
font-size: 90%;
color: #9254B6;
z-index:1;}

</style>
<div id="credit">
Layout © <a href="profile.php?user=Pachi" target="_blank">Pachi</a>
</div>

<img src="http://i.imgur.com/bOQmfil.png" height="100%" style="position:fixed; bottom:0%; left: 0%;">
<div id="icon">
</div>
<div id="icon2">
</div>
<div id="icon3">
</div>


<div class="box">
words here
</div>

<div class="npcpokemonbar">
<a target="_blank" href="https://roleplay.chat/profile.php?user=Venomoth"><img src="http://www.serebii.net/pokedex-xy/icon/049.png"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Dreyja"><img src="http://www.serebii.net/pokedex-xy/icon/452.png"></a>
<img src="http://www.serebii.net/pokedex-xy/icon/454.png"></a>
<img src="http://www.serebii.net/pokedex-xy/icon/110.png"></a>
<img src="http://www.serebii.net/pokedex-xy/icon/024.png"></a>
<img src="http://www.serebii.net/itemdex/sprites/pokeball.png"></a>
</div></div></center>


<div id="thetabs">
<a href="#01" class="tab"> </a>
<a href="#02" class="tab"> </a>
<a href="#03" class="tab"> </a>
<a href="#04" class="tab"> </a>
</div></div>



<div id="01" class="content">
<b>bold</b> <i>italics</i> <a href="profile.php?user=" target="_blank">Link</a>.

</div>

<div id="02" class="content">
words2

</div>

<div id="03" class="content">
words3

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