Other temp Carnage profile code

<style>
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url('https://fonts.googleapis.com/css?family=Playfair Display SC');
@import url('https://fonts.googleapis.com/css?family=Questrial');
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Merriweather);

/*coded by punpun*/

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


body {
background-color:#f3fff;
overflow: disabled}

a {
 color: #f3f3f3;
 text-decoration: none;
 transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out;}
a:hover {
 color: #ffffff;
 text-decoration: none;
 transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out;}
a.tab:active, a.tab:link, a.tab:visited {
 background-color: #f3f3f3;
 border: #f3f3f3 2px solid;
 border-radius: px;
 margin-bottom: 6;margin-right:6;
 display: inline-flex;
 height: 5px;
 text-decoration: none;
 width:5px;
-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;transform: rotate(45deg);
}
a.tab:hover {
 background-color: #888;
}
a.tb:active, a.tb:link, a.tb:visited {
 background-color: #d1d1d1;
 border: #d1d1d1 2px solid;
 border-radius: 0;
 margin-bottom: 6;
 display: inline-flex;
 height: 5px;
 text-decoration: none;
 width:5px;
-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;
transform: rotate(45deg);
}
a.tb:hover {
 background-color: #888; }


a.t:active, a.t:link, a.t:visited {
 background-color: #000;
 border: #000 2px solid;
 border-radius: px;
 margin-bottom: 6;
 display: inline-flex;
 height: 5px;
 text-decoration: none;
 width:5px;
-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;transform: rotate(45deg);
}
a.t:hover {
 background-color: #888;
}

a.b:active, a.b:link, a.b:visited {
 background-color: #fff;
 border: #fff 2px solid;
 border-radius: px;
 margin-bottom: 6;
 display: inline-flex;
 height: 5px;
 text-decoration: none;
 width:5px;
-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;transform: rotate(45deg);
}
a.b:hover {
 background-color: #888;
}
 body {background: #f3f3f3;
 overflow-y:hidden;
overflow-x:hidden;}


.container {
 position: fixed; margin: auto; right: 0px; left:0; top: 0; bottom: 0; width: 1350px; height: 650px;
background-color:#990000;
 opacity: 1; border: px solid #000; z-index: 5; overflow:hidden;}
#top {
 position: absolute; left: 0; top: 0; width: 100%; height: 25px; background-color: #fff; z-index: -1;}
#bottom {
 position: absolute; left: 0; bottom: 0; width: 100%; height: 25px; background-color: #fff; z-index: -1;}
#left {
 position: absolute; left: 0; bottom: 0; width: 20px; height: 100%; background-color: #fff; z-index: -1;}
#right {
 position: absolute; right: 0; bottom: 0; width: 20px; height: 100%; background-color: #fff; z-index: -1; }


 #botline {position: absolute; margin: auto; right: 0px; left:850; bottom: 400;
 width: 1px;height: 7px;
 background: #fff;
 display:block;
 transform: skew(-40deg);
 transition: all 1.6s ease-out;}
body:hover #botline{
 width: 248px;
}

 .head {
position: absolute; margin: auto; right: 0px; left:987; bottom: 407;
 color: #fff;
 font-family: Playfair Display SC;
 font-size: 28px;opacity: 0;
 -webkit-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;}


body:hover .head{opacity: 1;
 transition-delay: 1.6s ;-webkit-transition-delay: 1.6s ;
}

.box {
position: absolute; margin: auto; right: 0px; left:855; bottom: 200;
 height: 180;
 width: 220;
 background-color: #transparent;
 border: px solid #fff;
 box-shadow: #000000 0px 0px 0px 0px;
 background-image:url("");
 z-index: 5;
 color: #fff;
    font-family: Roboto;
    font-style: normal;
    font-variant: ;
    font-weight: 400;
 text-align: justify;
 overflow-x: hidden;
 overflow-y: auto;
 font-size: 12px;
 padding: 5px;
-webkit-transition: all 0.4s ease-out;
 transition: all 0.4s ease-out;
opacity: 0;
filter:alpha(opacity=75);
}
body:hover .box{
opacity: 1;
-webkit-transition-delay: 2s;
 transition-delay: 2s ;}

 #mainpic {z-index:-2; opacity: 1;}
 #mainpic img {position: absolute; margin: auto; right: 480px; left:0; bottom: 0;width: ; height: 640;}
#god {
 position: absolute; margin: auto; width: 50px; height: 50px;
 right: 220px;
 bottom: 140;
 background-color: transparent;
 border: ; opacity:0;
 height: px; z-index:5;
 text-align:left;-webkit-transition: all 0.4s ease-out;
 transition: all 0.4s ease-out; }
body:hover #god{
opacity: 1;
-webkit-transition-delay: 1.2s;
 transition-delay: 1.2s ;}

</style><div class="container">
<div id="top"></div><div id="bottom"></div><div id="left"></div><div id="right"></div>

<div id="mainpic"><img src="https://i.imgur.com/wCwypHR.jpg"></div>

<div class="head">Your Friendly Neighborhood Carnage</div>
<div id="botline"></div>
<div class="box">It's Your Friendly Neighborhood Carnage-man! Carnage-man! Carnage-man! Doing all the things a Carnage can!

</div>


<div id="god"><center>
<a href="#1" class="tab"></a><a href="#2" class="tab"></a><a href="#3" class="tab"></a>
</div>


<style>
.was{position:absolute;margin:auto;right:0;left:0;top:0;bottom:0;width:100%;height:100%;opacity:0;z-index:1;text-align:justify;-webkit-transition:all .6s ease-out;transition:all .6s ease-out}

.was:target {position:absolute;z-index:10;opacity:1;-webkit-transition:all .6s ease-out;transition:all .6s ease-out}

#blur {position: absolute; left:0; top:0; height:100%; width: 100%; background-color: #153254; overflow: hidden; z-index:10;opacity:1;background-image:url("");}
#blur:hover {-webkit-filter: blur(0px);filter: blur(0px);}

#main {
 position: absolute; margin: auto; right:0; left: 400; top: 0; bottom: 0; width: 290px; height: 450px; background: #7A6F6C; border: 10px solid #D1D1D1; box-shadow: #9E988B 0px 0px 0px 0px; overflow: hidden; text-align: left;z-index:20;
-webkit-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;}


 #pic {position: absolute;right: -67px;top: -45; z-index:0; opacity: 1;}
 #pic img {width: 450; height: ;}

 .head1 {
 position: absolute; margin: auto; right: 340px; left:0;bottom: 340; top:8; width: 300px; height: 20px; background-color: transparent;color: #d1d1d1; font-family: Roboto; font-size: 18px; text-align: justify; opacity: 1; border: 0px solid transparent; z-index: 15; overflow-x: disabled; overflow-y: disabled;transition:all 0.2s ease-out;}


.boxa {
position: absolute; margin: auto; right: 312px; left:0; bottom: 110; top:0;
 height: 185;
 width: 320;
 background-color: #transparent;
 border-right: 1px solid #d1d1d1;
 box-shadow: #000000 0px 0px 0px 0px;
 background-image:url("");
 z-index: 15;
 color: #d1d1d1;
    font-family: Roboto;
    font-style: normal;
    font-variant: ;
    font-weight: 100;
 text-align: justify;
 overflow-x: hidden;
 overflow-y: auto;
 font-size: 12px;
 padding-right: 25px;
-webkit-transition: all 0.4s ease-out;
 transition: all 0.4s ease-out;
opacity: 1;
filter:alpha(opacity=75);
}
.boxb {
position: absolute; margin: auto; right: 309px; left:0; bottom: 0; top:297;
 height: 148;
 width: 320;
 background-color: #transparent;
 border-right: 1px solid #d1d1d1;
 box-shadow: #000000 0px 0px 0px 0px;
 background-image:url("");
 z-index: 15;
 color: #d1d1d1;
    font-family: Roboto;
    font-style: normal;
    font-variant: ;
    font-weight: 100;
 text-align: justify;
 overflow-x: hidden;
 overflow-y: auto;
 font-size: 12px;
 padding-right: 25px;
-webkit-transition: all 0.4s ease-out;
 transition: all 0.4s ease-out;
opacity: 1;
filter:alpha(opacity=75);
}

h3{font-family:Montserrat;font-size:13px;text-align:left;font-weight:200;color:#d1d1d1;background-color:#990000;padding-left:3px;margin-bottom:2px;margin-top:2px;line-height:18px;border-bottom:2px solid #d1d1d1;border-right:2px solid #d1d1d1}


#goda {
 position: absolute; margin: auto; width: 20px; height: 50px;
 right: 648px;
 bottom: 0; top:125.998;
 background-color: transparent;
 border: ; opacity:1;
 height: px; z-index:11;
 text-align:left; }

</style>

<div class="was" id="1">
<div id="goda"><center>
<a href="#reset" class="tb"></a><br>
<a href="#2" class="tb"></a><br>
<a href="#3" class="tb"></a><br>
</div>

<div id="blur"></div>
<div id="main"><div id="pic"><img src="https://i.imgur.com/HevOUWe.jpg"></div></div>
<div class="head1"><i>There is only CARNAGE! </i></div>
<div class="boxa">
NAME <font style="float:right;color:#A6A6A6;"><b>Cletus Kasady</b></font><br>
ALIAS <font style="float:right;color:#A6A6A6;"><b>Carnage</b></font><br>
GENDER <font style="float:right;color:#A6A6A6;"><b>MALE</b></font><br>
SPECIES <font style="float:right;color:#A6A6A6;"><b>Human/Symbiote</b></font><br>
MARITAL <font style="float:right;color:#A6A6A6;"><b>Single</b></font><br><br>
HEIGHT <font style="float:right;color:#A6A6A6;"><b>6'1</b></font><br>
WEIGHT <font style="float:right;color:#A6A6A6;"><b>190 lbs (86 kg)</b></font><br><br>
EYES <font style="float:right;color:#A6A6A6;"><b>Green</b></font><br>
HAIR <font style="float:right;color:#A6A6A6;"><b>Auburn/Red</b></font><br>
ORIENTATION <font style="float:right;color:#A6A6A6;"><b>Straight</b></font><br>
OCCUPATION <font style="float:right;color:#A6A6A6;"><b>Mass murderer, serial killer</b></font><br>
</div>

<div class="boxb"><h3>THINGS</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<h3>THINGS</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<h3>THINGS</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div></div>


<style>
a.cons {outline:none; text-decoration: none; cursor: url(), auto;}
a.cons strong {line-height:30px;}
a.cons:hover {text-decoration:none; }
a.cons span {
position: fixed; margin: auto; right: 500px; left:0; bottom: 0; top:150;
 z-index:200;display:none; padding:15px 15px;
 width:340px; line-height:12px;
height: 178px;
}
a.cons:hover span{
  display: inline;position:fixed; color:#35383B;visibility:visible; text-align:justify;font-size:11;
 border: 1px solid #35383B; background:#5E6569; opacity: 0.99;
    font-family: Roboto;
    font-style: normal;
    font-variant: ;
    font-weight: 100;}

 #picb {position: absolute;right: px;top: -70; z-index:100; opacity: 1;}
 #picb img {width: 1400; height: ;}


#godb {
 position: absolute; margin: auto; width: 20px; height: 50px;
 right: 730px;
 bottom: 0; top:115;
 background-color: transparent;
 border: ; opacity:1;
 height: px; z-index:115;
 text-align:left; }


#frn {
 position: absolute; margin: auto; width: 68x; height: 195px;
 right: 660px;
 bottom: 0; top:145;
 background-color: transparent;
 opacity:1;
 height: px; z-index:115;
 overflow-x: hidden;
 overflow-y: auto;
 text-align:left; }

.boxc {
position: absolute; margin: auto; right: 500px; left:0; bottom: 0; top:150;
 height: 145;
 width: 320;
 background-color: #transparent;
 border-right: 1px solid #242220;
 box-shadow: #000000 0px 0px 0px 0px;
 background-image:url("");
 z-index: 105;
 color: #242220;
    font-family: Roboto;
    font-style: normal;
    font-variant: ;
    font-weight: 100;
 text-align: justify;
 overflow-x: hidden;
 overflow-y: auto;
 font-size: 12px;
 padding: 25px;
-webkit-transition: all 0.4s ease-out;
 transition: all 0.4s ease-out;
opacity: 1;
filter:alpha(opacity=75);
}

.boxcc {
position: absolute; margin: auto; right: 500px; left:0; bottom: 0; top:150;
 height: 145;
 width: 320;
 background-color: #cad9e1;
 border-left: 1px solid #f3f3f3;
 box-shadow: #000000 0px 0px 0px 0px;
 background-image:url("");
 z-index: 100;
 color: #f3f3f3;
    font-family: Roboto;
    font-style: normal;
    font-variant: ;
    font-weight: 100;
 text-align: justify;
 overflow-x: hidden;
 overflow-y: auto;
 font-size: 12px;
 padding: 25px;
-webkit-transition: all 0.4s ease-out;
 transition: all 0.4s ease-out;
opacity: 0.4;
filter:alpha(opacity=75);
}



#friend {
 width: 50; height: 50; margin-bottom: 2; background: #; border: 8px double #000; overflow: hidden; text-align: left;z-index:20;
-webkit-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;}
#friend:hover {border: 8px double #35383B;}

h2{font-family:Montserrat;font-size:13px;text-align:left;font-weight:200;color:#35383B;background-color:#trans;padding-left:3px;margin-bottom:2px;margin-top:2px;line-height:18px;border-bottom:2px solid #35383B;border-right:2px solid #35383B}

h1{
 font-family: Roboto;
 font-size: 17px;
 text-align: left;
 color: #;
 padding-right: 5px;
 margin-bottom: 5px;
 margin-top: 6px;
 line-height: 11px;
 border-bottom: 3px double #35383B;}



 .conimg{
margin-top: 5px;
height: 165px;
width: 100px;
align: left;
border: #35383B 3px double;
}




</style>
<a href="profile.php?user=Punpun" title="Coded by Punpun." target="_blank"><img src="http://i.imgur.com/acD32sR.png" style="position:fixed; left:10; bottom:0;width:25;-webkit-transform: scaleX(-1); filter: FlipH; z-index:99;"></a>

<div class="was" id="2">
<div id="godb"><center>
<a href="#1" class="t"></a><br>
<a href="#reset" class="t"></a><br>
<a href="#3" class="t"></a><br>
</div>

<div id="frn">
<a href="N/A" class="cons"><div id="friend"><img src="https://i.imgur.com/xXzPHJE.gif" style="width:50;"><span>

<img src="" class="conimg" align="right"><h1>N/A</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></div></a>

<a href="a" class="cons"><div id="friend"><img src="https://i.imgur.com/xXzPHJE.gif" style="width:50;"><span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></div></a>

<a href="a" class="cons"><div id="friend"><img src="https://i.imgur.com/xXzPHJE.gif" style="width:50;"><span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></div></a>

<a href="a" class="cons"><div id="friend"><img src="https://i.imgur.com/xXzPHJE.gif" style="width:50;"><span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></div></a>

<a href="a" class="cons"><div id="friend"><img src="https://i.imgur.com/xXzPHJE.gif" style="width:50;"><span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></div></a>



</div>

<div id="blur"><div id="picb"><img src="https://i.imgur.com/4QmCbXF.jpg"></div></div>

<div class="boxc">Who knew the psychopathic murderer made friends! Isn't that just crazy?<br><br>

Now that I know them and they are my friends. If you do anything that would bring them harm.. then I will break every single bone in your body or chop you into tiny pieces!!! Because I'm not allowed to kill anymore. Killing is bad! And I'm trying to be good. Good Guy Carnage!</div>
<div class="boxcc"></div>

</div>

<style>
 #picc {position: absolute;right: 0px;top: -20; z-index:100; opacity: 1;}
 #picc img {width: 1330; height: ;}


.boxd {
position: absolute; margin: auto; right: 780px; left:0; bottom: 0; top:150;
 height: 145;
 width: 320;
 background-color: #transparent;
 border-left: 1px solid #f3f3f3;
 box-shadow: #000000 0px 0px 0px 0px;
 background-image:url("");
 z-index: 107;
 color: #000;
    font-family: Roboto;
    font-style: normal;
    font-variant: ;
    font-weight: 100;
 text-align: justify;
 overflow-x: hidden;
 overflow-y: auto;
 font-size: 12px;
 padding: 25px;
-webkit-transition: all 0.4s ease-out;
 transition: all 0.4s ease-out;
opacity: 1;
filter:alpha(opacity=75);
}

.boxdd {
position: absolute; margin: auto; right: 780px; left:0; bottom: 0; top:150;
 height: 145;
 width: 320;
 background-color: #fff;
 border-left: 1px solid #f3f3f3;
 box-shadow: #000000 0px 0px 0px 0px;
 background-image:url("");
 z-index: 100;
 color: #f3f3f3;
    font-family: Roboto;
    font-style: normal;
    font-variant: ;
    font-weight: 100;
 text-align: justify;
 overflow-x: hidden;
 overflow-y: auto;
 font-size: 12px;
 padding: 25px;
-webkit-transition: all 0.4s ease-out;
 transition: all 0.4s ease-out;
opacity: 0.4;
filter:alpha(opacity=75);
}

#godc {
 position: absolute; margin: auto; width: 20px; height: 50px;
 right: 1240px;
 bottom: 0; top:115;
 background-color: transparent;
 border: ; opacity:1;
 height: px; z-index:115;
 text-align:left; }


</style>


<div class="was" id="3">
<div id="godc"><center>
<a href="#1" class="b"></a><br>
<a href="#2" class="b"></a><br>
<a href="#reset" class="b"></a><br>
</div>
<div id="blur"><div id="picc"><img src="https://i.imgur.com/8IgtJeF.png"></div></div>
<div class="boxd">
[00] <b>RULES</b>; Always Pm Friendly<br>
[01] <b>RULES</b>; I'll play Carnage however I want<br>
[02] <b>RULES</b>; Story, Story and Smut, Smut<br>
[03] <b>RULES</b>; Long Term > Short Term<br>
[04] <b>RULES</b>; Let me know ahead of time before you have to leave, if able. Common courtesy and all that jazz<br>
[05] <b>RULES</b>; Real life always comes first. We can't be on RPC 24/7<br>
[06] <b>RULES</b>; I have Discord and Skype. If I know you well enough, I'll give it to you<br></div>
<div class="boxdd"></div></div>