selina's profile (wip, w/ ooc box)

<style>
@import url('https://fonts.googleapis.com/css?family=Economica|Pathway+Gothic+One|Reenie+Beanie');

.pfor{ display:none; background-color:transparent; }
  body {background:url('') top left fixed repeat;
  background-color:#000;
  overflow:hidden; }

#profile{ border:0px; background-color:transparent; }
*{cursor:url('https://i.imgur.com/8QmAMfq.png'), default; }

   ::-webkit-scrollbar { width:5px; height:0px;
   background:; }
   ::-webkit-scrollbar-thumb { background-color:#000;
   border:1px solid #FBFBFB;
   -webkit-border-radius:10px; border-radius:10px; }


	body{
 background-color:#000;
	background-position:right top; background-image: url("");
	background-repeat: repeat; background-attachment:fixed; background-size: repeat}



#opening{ position:fixed; width:100%; height:100%; left:225px; bottom:0px; }

   #opening-img{ position:absolute;
   background-image:url('https://i.imgur.com/O5A7Ix1.png');
   background-position:0% 50%; background-size:523px;
   background-attachment: absolute;
   background-repeat:no-repeat;
   height:589px; width:523px;
   bottom:0px; left:50px;
   filter: blur(0px); opacity:1; transition: 1s; }


    #quote-1{ position:absolute;
	width:300px; height:155px;
	left:-140px; bottom:400px;
	background-color:transparent;
	color:#d3d3d3;
    background: -webkit-linear-gradient(#474364, #ddddff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family:'Reenie Beanie';
	font-size:26px;
	line-height:40px;
	letter-spacing:5px;
	text-transform:; text-align:center;
	padding:6px; float:left;
	overflow:auto; }



#container { position:absolute; left:70px; bottom:100px; opacity:.0; transition: 1s; }
	body:hover #container { filter: blur(0px); opacity:1.0; transition-delay: 1s; }



#meow{ position:absolute;
width:300px; height:350px;
left:470px; bottom:0px;
background-color:transparent;
   color:#474364;
   font-family:'Economica';
   font-size:20px;
   line-height:30px;
letter-spacing:1px;
text-transform:; text-align:justify;
padding:0px; float:left;
overflow:auto; opacity:.0; transition: 1s;  }
	body:hover #meow { opacity:1.0; transition-delay:3.7s; }


    #alias{
	height:100px; width:350px;
	bottom:235px; left:430px;
    background-color:#;
	   color:#4b4c78;
   background: -webkit-linear-gradient(#444065, #9d9ecf);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family:'';
	   font-size:79px;
	letter-spacing:2px;
	text-transform:; text-align:justify;
	padding:px;
    box-shadow: inset 0px 0px 20px #,
	0px 0px 20px #;
	position:absolute;
	float:left; overflow:auto;
	opacity:.0; transition: 1s;
    }
	body:hover #alias { opacity:1.0; transition-delay:2.5s; }


#quote-2{ position:absolute;
width:220px; height:150px;
left:-160px; bottom:185px;
   color:#d3d3d3;
   background: -webkit-linear-gradient(#474364, #ddddff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
font-family:'Reenie Beanie';
   font-size:26px;
   line-height:40px;
letter-spacing:5px;
text-transform:; text-align:right;
padding:6px; float:left;
overflow:auto; opacity:.0; transition: 1s;  }
	body:hover #quote-2{ opacity:1.0; transition-delay:.7s; }


#nine{ position:absolute;
width:300px; height:170px;
left:470px; bottom:75px;
background-color:transparent;
   color:#9d9ecf;
   background: -webkit-linear-gradient(#474364, #ddddff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
   font-family:'Economica';
   font-size:18px;
   line-height:30px;
letter-spacing:1px;
text-transform:; text-align:justify;
border-bottom:1px dotted #474364;
padding:0px; float:left;
overflow:auto; opacity:.0; transition: 1s;  }
	body:hover #nine { opacity:1.0; transition-delay:3.7s; }


    #ooc{
	height:160px; width:300px;
	bottom:-95px; left:470px;
    background-color:#;
	   color:#474364;
	font-family:'Economica';
	   font-size:18px;
	letter-spacing:1px;
	text-transform:; text-align:center;
	padding:0px;
    background: -webkit-linear-gradient(#474364, #d8d8f4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    box-shadow: inset 0px 0px 20px #,
	0px 0px 20px #;
	position:absolute;
	float:left; overflow:auto;
	opacity:.0; transition: 1s;
    }
	body:hover #ooc { opacity:1.0; transition-delay:5s; }


a {color:#474364;
text-decoration:none;
text-transform:uppercase;
padding:1px;
display:inline-block; }
 	a:hover {color:#9d8eb5;
	text-decoration: none;
	transition: 1.2s;
	}

u {color:#fbfbfb;
background-color:#474364;
font-family:'Pathway Gothic One'; font-size:18px;
letter-spacing:1px;
text-decoration:none;
text-align:justify;
text-transform:uppercase;
	padding:3px; }


</style>


<body>


 <div id="opening">
 <div id="opening-img">
 </div>

 <div id="quote-1">
  Cats come when they <br> feel like it...
  </div>

<div id="container">


 <div id="meow">
 vigilante. master thief. former mob boss.
 </div>


 <div id="alias">
 <center><i>catwoman</i></center>
 </div>

 <div id="nine">

Selina Kyle is Catwoman, a Gotham City expert thief who crossed paths with Batman on several occasions. Having largely left behind her villainous ways, she now operates as a frequent ally of the Batman Family.

 </div>

 <div id="ooc">
 <b>“ <i>keep up, kitten.</i> ”</b>

 </div>


 <div id="quote-2">
 Not when they are told.
 </div>


 </div>
</body>