Punk Guy

<style onload="try {document.title = 'tab title.' ;} catch (e) { }" type="text/css">
@import url('https://fonts.googleapis.com/css?family=Oswald|Passion+One|Rationale');

 h1{
 border-bottom:1px dotted #555;
 color:#555;
 font-size:15px;
 letter-spacing:3px;
 line-height: 15px;
 font-family: 'Rationale', sans-serif;
 text-align: center;
 text-transform:uppercase;
 margin-top:0;}


 .pfor {display: none; visibility: hidden;}
 #profile {background-color:;}
 #profile {border:;}
 body
 {overflow-x:hidden;
 background-image:
 url('');
 background-repeat:repeat;
 background-position:;
 background-attachment: fixed;
 background-color:#988B98;
 font: 0px arial;
 color: black;}
 #profile {background-color: transparent;
 border:0px;
 }

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

 ::-webkit-scrollbar-thumb {
 background-color:black;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 }

 ::selection {
 color: #fff;
 background: grey;
 }

 a {color:;
 text-decoration: none;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 }

 a:hover {color: black;
 text-decoration: none;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 }

 *{cursor: url('https://68.media.tumblr.com/a26835a65df6cfac37acef50a0d75f68/tumblr_inline_mzo50uT8gE1r63cto.gif'), default;
 }


 #box {
 position:absolute;
 background-color:#555;
 width:300;
 height:200;
 left:50;
 top:100;
 border-radius:50px;
 border:10px solid #D2E2F5;
 opacity:1.0;
 z-index:2;}

 #icon {
 position:fixed;
 color:#555;
 background-color:transparent;
 font-size:60px;
 left:347;
 top:140;
 opacity:1.0;
 z-index:9;
 -webkit-transform: rotate(90deg);}

 #icon2 {
 position:fixed;
 color:#555;
 background-color:transparent;
 font-size:25px;
 left:315;
 top:346;
 opacity:1.0;
 z-index:1;
 -webkit-transform: rotate(90deg);}

 #bg {
 position:absolute;
 background-color:#D2E2F5;
 left:20;
 top:20;
 width:260;
 height:160;
 border-radius:20px;
 z-index:2;}


 #image {
 position:fixed;
 left:380;
 top:55;
 opacity:1.0;
 z-index:99;}


 #info {
 position:absolute;
 color:#555;
 font-family: 'Rationale', sans-serif;
 font-size:16px;
 text-align:justify;
 text-transform:lowercase;
 left:57;
 top:35;
 width:190;
 height:134;
 overflow:auto;
 z-index:3;}

 #music-bg {
 position:absolute;
 background-color:#555;
 left:220;
 top:230;
 width:40;
 height:40;
 border-radius:10px;
 }

 #music{
 position:absolute;
 background-image:
 url('http://www.mps4u.com/images/playbutton.png');
 background-repeat: no-repeat;
 background-size: 55px;
 width:55px;
 height:55px;
 z-index:99;
 left:-7;
 top:3;
 overflow:hidden;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 }

 #music-title {
 position:absolute;
 background-color:#555;
 color:#D2E2F5;
 font-size:20px;
 font-family: 'Oswald', sans-serif;
 text-align:center;
 text-transform:uppercase;
 overflow:hidden;
 width:95;
 height:20;
 left:-125;
 top:0;
 padding:10px;
 border-radius:10px;
 }


 a {color:#A5A6D4;
 text-decoration: none;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 }

 a:hover {color: black;
 text-decoration: none;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 }


</style>

<div id="box">
<div id="bg">
</div>

<div id="icon">▲</div>
<div id="icon2">▲</div>

<div id="info">
<h1>punk guy sid</h1><center>

team's are too mainstream,<br></center>
<div style="letter-spacing:2.7px;text-align:center;">There's no one right now.</div>
<center>
<a target="_blank" href="https://roleplay.chat/profile.php?user=" target="_blank">Honchcrow</a> <a target="_blank" href="https://roleplay.chat/profile.php?user=" target="_blank">Sharpedo</a> <BR><a target="_blank" href="https://roleplay.chat/profile.php?user=" target="_blank">Scraggy</a> <a target="_blank" href="https://roleplay.chat/profile.php?user=" target="_blank">Krokorok</a></center>
<center>---</center>
<center><a target="_blank" href="https://roleplay.chat/profile.php?user=punk girl" target="_blank">lowkey besties</a>

</center>
</div>





<div id="music-bg">
<div id="music">
<Div style="margin-top:4px;">
<audio controls style="opacity: 0;">
<source src="http://k003.kiwi6.com/hotlink/er2po5aj2k/Iceage_-_The_Lord_s_Favorite.mp3">
</audio>
</div>
</div>
<div id="music-title">
<marquee direction="left" scrollamount="5">
 NOW PLAYING - HIPSTER TRASH MUSIC
</marquee>
</div>
</div>

</div>
</div>



<div id="image">
<img src="http://i.imgur.com/IZFHHTy.png"width="220">
</div>