Editcodeofacode

<style type="text/css">

@import 'https://fonts.googleapis.com/css?family=Cormorant+Garamond%7COswald:700';

#profile { border: hidden; background-color: transparent; }

.pfor {display:none;}

body{
background-color:#000;
background-image:url();
background-attachment:fixed;
background-position center;
}

#hold{
width:430px;
height:380px;
border-top:2px solid #FF6F8D;
border-left:2px solid #FF6F8D;
}

 .on{
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}

 .tight{
position:absolute;
top:-88px;
right:-280px;
width:401px;
height:490px;
background:url(https://i.imgur.com/5Wodegs.png) no-repeat;
background-size:100%;
}

 .to{
position:absolute;
bottom:-52px;
left:-2px;
width:50px;
height:50px;
border-left:2px solid #FF6F8D;
border-bottom:2px solid #FF6F8D;
border-radius: 0px 0px 0px 100px;
}

 .my{
position:absolute;
top:-38px;
right:-2px;
font-family: 'Oswald', sans-serif;
font-size: 30px;
letter-spacing: 2px;
color: #FF6F8D;
text-shadow:-4px 0px 0px #c57;
box-shadow:0px 0px 5px #c57;
}

 .hand{
position:absolute;
bottom:-52px;
left:44px;
height:26px;
width:170px;
border-bottom:2px solid #FF6F8D;
box-shadow:0px 0px 5px #c57;
}

 .itll{
position:absolute;
top:0px;
left:0px;
width:312px;
height:360px;
background:black;
-moz-box-shadow: inset 0 0 120px #eee;
-webkit-box-shadow: inset 0 0 120px #eee;
box-shadow: inset 0 0 120px #eee;
border-right:2px solid #FF6F8D;
border-bottom:2px solid #FF6F8D;
border-radius:0px 0px 10px 0px;
}

 .be{
position:absolute;
width:301px;
height:350px;
top:2px;
left:2;
overflow:hidden;
}

 .alright{
width:301px;
height:350px;
overflow:auto;
}

.be{
position:absolute;
width:301px;
height:350px;
top:2px;
left:2;
overflow:hidden;
}

 .alright{
width:301px;
height:350px;
overflow:auto;
}

 .okay{
color:#FF0000;
font-size:16px;
text-align:justify;
line-height:17px;
font-family: 'Cormorant Garamond', serif;
margin: 4px;
text-shadow:0px 0px 5px #c57;
box-shadow:0px 0px 20px #c57;
}

 .streetcred{
position:absolute;
top:120px;
left:280px;
font-family: 'Cormorant Garamond', serif;
font-weight:500;
font-size:16px;
letter-spacing:1px;
color:#FF6F8D;
transform: rotate (90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate (90deg);
text-shadow:0px 0px 5px #c57;
}

a.hoi:link, a.hoi:active, a.hoi:visited{
font-family: 'Oswald', sans-serif;
text-decoration: none;
font-size: 24px;
line-height: 24px;
letter-spacing: -1px;
color: #FF6F8D;
margin-right:12px;
}

a.hoi:hover{
text-shadow:-4px 0px 0px #f25;
}

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

a:hover{
cursor:help;
color:#fff;
text-decoration:line-through;
}

b {
color: #7A0093;
}

i{
color:#FFF600;
font-weight:light;
letter-spacing: 1px;
font-style:italic;
}

h1{
font-size: 16px;
width: 100%;
font-family: 'Oswald', sans-serif;
font-weight: normal;
line-height: 16px;
text-transform: uppercase;
text-align: left;
text-indent:20px;
color: #14D014;
border-bottom: 1px solid #744;
text-shadow:0px 0px 5px #c57;
}

h1:first-letter{
color: #FF6F8D;
font-size: 20px;
font-weight: bold;
text-shadow: 0px 0px 3px #edb;
}
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #edd;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #edd;border: 0px ;width: 12px;}

.musicplayer{ position: fixed; top: 100; left: 500; height: 12; width: 34px; padding: 5px; padding-top: 5; overflow: hidden; z-index: 2000; text-align: center; }

.song{ float: center; margin-top: -23px; margin-left: -1px; height: 40px; width: 40px; overflow: hidden; opacity: 0; }
</style>
<div id="hold" class="on">
<div class="tight"></div>
<div class="to"></div>
<div class="my">  </div>
<div class="itll"><div class="be">
<div id="dont" class="alright">
<div class="okay">

<h1>Out of character</h1>

<font style=float:left><b>Name</b></font> <font style=float:right>Villicolor</font><br>
<font style=float:left><b>Gender</b></font> <font style=float:right>Male</font><br>
<font style=float:left><b>Age</b></font> <font style=float:right>Young</font><br>
<font style=float:left><b>Height</b></font> <font style=float:right>4 ft</font><br>
<font style=float:left><b>Weight</b></font> <font style=float:right>8.5 lbs</font><br>
<font style=float:left><b>Type</b></font> <font style=float:right>Water / Dragon</font><br>
<font style=float:left><b>Species</b></font> <font style=float:right>Rainbow Glow Pokemon</font><br>
<font style=float:left><b>Ability</b></font> <font style=float:right>Drizzle</font><br>
<font style=float:left><b>Level</b></font> <font style=float:right>Low</font><br>
<font style=float:left><b>Trainer</b></font> <font style=float:right>None</font><br>
<font style=float:left><b>Item</b></font> <font style=float:right>None</font><br><br><br>
<b>[DEX ENTRY #866]</b> <br><i>The small oval wings on it's collar allow it to literally fly through the water, even aiding it to jump out of the water and glide through the air with them for a short distance. Villicolor's body glows in the dark, different segments flash randomly when it feels alerted or nervous.</i>
</div></div>
<div id="you" class="alright">
<div class="okay">
<h1>Moveset</h1>
<b>Sharpen</b> - <i>The user makes its edges more jagged, which raises its Attack stat.</i> <br>
<b>Leer</b> - <i>The user gives opposing Pokémon an intimidating leer that lowers the Defense stat.</i> <br>
<b>Aqua Jet</b> - <i>The user lunges at the target at a speed that makes it almost invisible. This move always goes first. - Has a priority of +1.</i> <br>
<b>Unlearned</b> - <i></i> <br>

</div></div>
<div id="let" class="alright">
<div class="okay">
<h1>Known</h1>
<font style=float:right><a href="https://roleplay.chat/profile.php?user=Archdeus" target="_blank">Father - Creator - </a></font><br>
<font style=float:right><a href="" target="_blank">Wild Flower</a></font><br>
<font style=float:right><a href="" target="_blank">Wild Flower</a></font><br>
<font style=float:right><a href="" target="_blank">Wild Flower</a></font><br>

</div></div>
<div id="go" class="alright">
<div class="okay">
<h1>Out of Character</h1>
:droplet:<b>Super DM kind!</b> <br>
:droplet:<b>Ka'lien Region Fakemon</b> <br>
:droplet:<b>Writer is <i>not</i> Character</b> <br>
:droplet:<b>Please, no drama OOC</b> <br>
:droplet:<b>He smol, but he attacc</b> <br>
:droplet:<b></b> <br>
:droplet:<b></b> <br>

</div></div>
</div></div>
<div class="hand">
<a href="#dont" class="hoi">I</a>
<a href="#you" class="hoi">II</a>
<a href="#let" class="hoi">III</a>
<a href="#go" class="hoi">IV</a>
</div>
<div class="streetcred">@<a href="http://pastebin.com/u/ClaudiaPapillon" target="_blank">ClaudiaP</a></div>
</div>
<div class="musicplayer">
<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif%22%3E
<div class="song">
<audio controls>
<source src="http://k003.kiwi6.com/hotlink/n2vro1ykrd/Last_of_Me.mp3%22%3E
</audio></div>