<style>
@import url(https://fonts.googleapis.com/css?family=Questrial);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);


body {background: #f3f3f3; cursor:url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), auto !important;zoom: 1.1;overflow:hidden; }

/*coded by punpun*/

 h1{
 font-family: Questrial;
 font-size: 10px;
 text-align: center;
 color: #f3f3f3;
 padding-left: 10px;
 letter-spacing: 5px;
 padding-bottom:5px;
 margin-bottom: 1px;
 margin-top: 6px;
 line-height: 11px;
 padding:2px;margin-top:2px; line-height:11px;border-bottom: 1px solid #f3f3f3;}

h2{
 font-family: Questrial;
 font-size: 10px;
 text-align: center;
 color: #000;
 padding-left: 10px;
 letter-spacing: 5px;
 padding-bottom:5px;
 margin-bottom: 1px;
 margin-top: 6px;
 line-height: 11px;
 padding:2px;margin-top:2px; line-height:11px;border-bottom: 1px solid #000;}


.all {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0;transition: all 0.3s ease-out;}
.all:hover {opacity:1;}

.akuma3{position:absolute;margin:auto; top:115; left:60;right:0; width:50; height:50; background:#fff;border:1px solid #;color:#000;-webkit-transition: all 0.6s ease-out; transition: all 0.2s ease-out;}

.akuma2{position:absolute;margin:auto; top:115; left:60;right:0; width:50; height:50; background:#2F0906;border:1px solid #;color:#fff;-webkit-transition: all 0.6s ease-out; transition: all 0.2s ease-out;}


.box2 {
position:absolute; margin:auto; left:0;right:0;top:0; bottom:0;width:320;height:270; border:0px solid #172542;background:#;color:#172542;font-size:38;font-family:Montserrat;opacity:1;-webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;pointer-events:none;
}

</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="box2" style="">

<div class="akuma2" style="width:230;height:240;top:35;left:-190;background:#;border-radius:;overflow:hidden;"><div style="position:absolute;margin:auto; top:0;bottom:0; left:0;right:0; width:100%; height:100%; background:#D15C6F;border:px solid #fff;overflow:hidden;"><img style="position:absolute; left:-95;top:-4; width:460;pointer-events:none;" src="https://www.dccomics.com/sites/default/files/field/image/LUCF_1_14_Col_900_5670cbae684e89.56103762.jpg"></div></div>


<div class="akuma2" style="width:230;height:240;top:35;left:180;background:#;border-radius:;overflow:hidden;">



<div style="position:absolute; margin:auto; bottom:35; left:10;right:0; width:110; height:96; background:#;color:#fff; font-family: roboto;display:inline-block; font-size: 9px;text-align: justify;overflow:hidden;padding-right:0px;text-transform:uppercase;"><li>The Firstborn.</li> <li>The Devil.</li> <li> Full power. </li><li>Owner of the Lux bar.</li> <li>Inventor of Daddy Issues.</li>
</div>

<div style="position:absolute; margin:auto; bottom:90; left:10;right:0; width:100; height:96; background:#;color:#fff; font-family: roboto;display:inline-block; font-size: 9px;text-align: justify;overflow:hidden;padding-right:0px;text-transform:uppercase;"><h1>Lucifer Morningstar</h1><div>
</div>

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



<div class="all">

<div class="box2" style="">

<div class="akuma3" style="width:230;height:240;top:35;left:180;background:#;border-radius:;overflow:hidden;"><div style="position:absolute;margin:auto; top:0;bottom:0; left:0;right:0; width:100%; height:100%; background:#D15C6F;border:px solid #fff;overflow:hidden;"><img style="position:absolute; left:-200;top:-14; width:560;pointer-events:none;" src="https://d1nao0k9edgivc.cloudfront.net/wp-content/uploads/2015/03/lucifer.jpg"></div></div>


<div class="akuma3" style="width:230;height:240;top:35;left:-190;background:#;border-radius:;overflow:hidden;">



<div style="position:absolute; margin:auto; bottom:35; left:10;right:0; width:98; height:96; background:#;color:#121314; font-family: roboto;display:inline-block; font-size: 9px;text-align: justify;overflow:auto;padding-right:0px;text-transform:uppercase;"><lI>I'm not Lucifer, and vice versa. <li>Golden Rule.
</div>

<div style="position:absolute; margin:auto; bottom:90; left:10;right:0; width:100; height:96; background:#;color:#121314; font-family: roboto;display:inline-block; font-size: 9px;text-align: justify;overflow:auto;padding-right:0px;text-transform:uppercase;"><h2>OOC</h2><div>
</div>

</div>
</div>