starfire_b_b

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

/*this code is made by punpun, even tho i'm not here anymore don't take the character my dude*/

body {background: #9d0069; overflow:hidden;}


::-webkit-scrollbar-thumb {background-color: #000; width: 1px; }
::-webkit-scrollbar {background-color: transparent; width: 1px;}


/*9A3737*/

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


 .frame {
 position:absolute;
 margin:auto;
 bottom: 0px;
 left: 0px;
 right: 0px;
 width: 398px;
 height: 348;
 background: #620041;
 background-size: 45px 40px;
 background-image: radial-gradient(circle, #f3f3f3 1px, rgba(0, 0, 0, 0) 1.3px);
 font-family: roboto;
 font-weight:500;
 font-size: 11;
 letter-spacing: 0.1px;
 line-height: 13px;
 text-transform: lowercase;
 pointer-events:none; }

 .box {
 position:absolute;
 margin:auto;
 bottom: 15.5px;
 left: 0px;
 right: 96px;
width: 290px;
height:20px;
 background: #;
 color: #ffb200;
 font-family: roboto;
 font-weight:900;
 font-size: 22;
 letter-spacing: 0.1px;
 line-height: 16px;
 padding: 5px;
 text-transform: uppercase;
 border: px solid #D83131;
 text-align: center;
 transition:0.4s all;
text-shadow: 2px 2px #4e0034;
 }
 .box:hover {color:#620041; text-shadow: 2px 2px #4e0034;}

 .box2 {
 position:absolute;
 margin:auto;
 bottom: -6px;
 left: 0px;
 right: 76px;
width: 290px;
height:20px;
 background: #;
 color: #ffb200;
 font-family: roboto;
 font-weight:200;
 font-size: 13;
 letter-spacing: 0.1px;
 line-height: 16px;
 padding: 5px;
 text-transform: uppercase;
 pointer-events:none;
 border: px solid #D83131;
 text-align: center;
text-shadow: 2px 2px #4e0034;
 }

 .within {
 position:absolute;
 margin: auto;
 bottom: 50px;
 left: 0px;
 right: 0;
 width: 273px;
 height:270px;
 background: #;
 color: #fff;
 border: px solid #fff;
 font-family: roboto;
 font-weight:500;
 font-size: 9px;
 letter-spacing: 0.5px;
 line-height: 11px;
 text-align: justify;
 text-transform: none;
 overflow: none;opacity:0;
 visibility:hidden;
 transition: 0.4s all;
 transition-delay: 0s;}
 .all:hover .within {opacity:1; visibility: visible;transition-delay:0.2s;}


 .real {opacity:0.9; visibility:visible; transition: 0.4s all;}
 .all:hover .real {opacity:0; visibility:hidden; }
 .shadow {opacity:0.6;pointer-events:none;}
 .line {opacity:1; transition: 0.4s all }
 .all:hover .line {opacity:0;}
 .line2 {opacity:0; transition: 0.4s all }
 .all:hover .line2 {opacity:1;}


 .txta {
 position:absolute;
 margin: auto;
 bottom:0px;
 left: 120px;
 right: 0;
 width: 140px;
 height:125px;
 background: #fff;
 color: #000;
 border: px solid #fff;
 font-family: roboto;
 font-weight:500;
 font-size: 9px;
 letter-spacing: 0.5px;
 line-height: 9px;
 padding: 3px;
 padding-top:2px;
 text-align: justify;
 text-transform: none;
 overflow: auto;
 transition: 0.6s all}


.txtlink {
 position:absolute;
 margin: auto;
 left: 0px;
 right: 0;
 width: 62px;
 height: 8px;
 background: #fff;
 color: #d80090;
 border-top: 0px solid #CEDAE0;
 font-family: roboto;
 font-weight:500;
 font-size: 9px;
 letter-spacing: 3px;
 line-height: 8px;
 padding: 4px;
 text-align: center;
 text-transform: none;
 transition: 0.6s all;
 opacity:1;
 overflow:hidden;}
.txtlink:hover {background:#000;}

.icon {position:absolute; left: 15px; top:15px; background:#fff; width: 50px; height:50px;border-radius:100%;}


 #extra {position: fixed;top: 0px; left: 0px;bottom: 0px; right: 0px;}

.list {width:95%; height:70px; background:none; border-bottom:1px dotted #fff;margin:5px;}

a {text-decoration:none;}

.link {background:#000; color: #d80090; text-transform:uppercase;font-family:questrial; font-size:10px; padding:1px; transition: 0.2s all; text-decoration:none;}
.link:hover {background: #ff00aa; color: #000;}
</style>

<a href="https://pastebin.com/u/punpunrpc" 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 id="extra" oncontextmenu="return false;">

<div class="all">
<div style="background:none;overflow:hidden; " class="frame">
 <img src="" style="position:absolute; left:-200; bottom:-150;
 filter:grayscale(0.79);">
</div>

<div style="opacity:0.4;background:#ff00aa;" class="frame"></div>

<div style="position:absolute; margin: auto; left:0px; right:0px; bottom:20px; width:310px; height:350px; background:none;border-left: 1px solid #f3f3f3;border-right: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;"></div>
<img src="https://i.imgur.com/H49ejBI.png" class="shadow" style="position: absolute; margin: auto; left:0px; right: 78px; bottom:2px; width: 530px;">
<div class="line2" style="position:absolute; margin: auto; left:0px; right:0px; bottom:20px; width:310px; height:350px; background:none;border-left: 1px solid #f3f3f3;border-right: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;"></div>
<img src="https://i.imgur.com/H49ejBI.png" class="real" style="position: absolute; margin: auto; left:0px; right:78px; bottom:-4px; width: 530px; ">

<div class="line"style="position:absolute; margin: auto; left:0px; right:12px; bottom:20px; width:299px; height:350px; background:none;border-bottom: 1px solid #f3f3f3"></div>


<a title="TEEN TITANS // JUDAS CONTRACT "><div class="box">PRINCESS KORIAND'R</div></a>
<div class="box2">STARFIRE</div>


<div class="within">
<div class="txta"><a class="link" title="Starfire is very cheerful and sweet, yet somewhat naive and considerably insecure, but her naivete is not to be mistaken for stupidity. An alien and an outsider, she is still rather new to Earth and its customs.">STARFIRE</a> was born and raised on the planet Tamaran before arriving on Earth and joining the Teen Titans. <a class="link" title="The Tamaraneans are an emotional race who see feelings and sensations as the force that drives their very livelihood and strengthens their abilities. In fact, it's their emotions that further increase their natural abilities of flight, and projection of pure ultraviolet energy.
">Tamaranean</a>princess Starfire came to Earth as Koriand'r, a Tamaranean princess being transported by Gordanians, in exile as a slave to the Citadel. Through the use of her innate Tamaranean superhuman strength and incredible agility, she broke free from the brig aboard a Gordanian ship and landed in Jump City. While attempting to free herself of the handcuffs with which she had been laden, she ended up both destroying buildings and cars, and running into four young teenagers, with whom she would later fight crime. <hr>
<center><a class="link" href="" target="_blank" >wiki</a></center>
 </div>


<div style="position:absolute; left:0; bottom:1; background:#fff; height: 129px; width:120px;overflow:hidden;"><img src="https://i.imgur.com/oRBHdW6.png" style="position:absolute; left:0; top:0; width:130px; pointer-events:none;"></div>

<div class="txtlink" style="bottom:135;right:150px;">friend</div>
<div class="txtlink" style="bottom:135;">friend</div>
<div class="txtlink" style="bottom:135;left:150px;">friend</div>

</div>


<div style="position:absolute; left:0px; top:0px; background: #f3f3f3; height:12px; width:12px; pointer-events:none;"></div>