min's profile (w/ everything)

<style>
@import url('https://fonts.googleapis.com/css?family=Cardo|Cinzel+Decorative|Dancing+Script|Source+Serif+Pro|Teko|Zeyada');
@import url('https://fonts.googleapis.com/css?family=Georgia');


.pfor{ display:none; background-color:transparent; }
  body {background:url('') top left fixed repeat;
  background-color:#fdc9c9;
  background-image:linear-gradient(#ffcfcf, #d76c6d);
  overflow:hidden; }

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

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


canvas{ background-image: linear-gradient(#ffcfcf, #d76c6d); }

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

   #opening-img { position:absolute;
   background-image:url('https://i.imgur.com/oFVMnvV.gif');
   background-position:0% 20%; background-size:450px;
   background-attachment: absolute;
   background-repeat:no-repeat;
   height:617px; width:450px;
   bottom:-100px; left:75px;
   box-shadow: inset 0px 0px 20px #ffafaf,
   0px 0px 20px #ffafaf;
   filter: blur(0px); opacity:1.0; transition: 1s; }
   body:hover #opening-img { filter: blur(10px); opacity:.0; transition: 2.5s; }


#pic{ position:absolute; left:105px; bottom:-130px; opacity:.0; transition: 1s; }
   body:hover #pic { opacity:1.0; transition-delay:1s; }

#sprite{ position:absolute; bottom:-9px; left:410px; }
   body:hover #sprite { opacity:1.0; transition-delay:1s; }

#lalala{ position:absolute; bottom:345px; left:195px; }
   body:hover #music { opacity:1.0; transition-delay: 1.5s; }

#container{ position:absolute; left:0px; bottom:0px; opacity:.0; transition: 1s; }
   body:hover #container { opacity:1.0; transition-delay: 1s; }

	#name{
	height:195px; width:175px;
	bottom:107px; left:343px;
	   color:#e68787;
	   font-family:'dancing script', cursive;
	   font-size:69px;
	letter-spacing:1px;
	text-transform:; text-align:justify;
	text-shadow: 1px 0px 0px #f6c7c7,
	0px 1px 0px #f6c7c7,
	-1px 0px 0px #f6c7c7,
	0px -1px 0px #f6c7c7;
	margin: 0px 5px 0px; padding:10px;
	position:absolute;
	float:left; overflow:auto;
	opacity:.0; transition: 1s;
    }
	body:hover #name { opacity:1.0; transition-delay:1s; }

	#subtitle{ color:#f3bdbd;
	bottom:40px; left:405px;
	height:195px; width:175px;
	   font-family: 'source serif pro', cursive;
	   font-size:18px;
	letter-spacing:2px;
	text-transform:uppercase;
	text-align:justify; padding:10px;
	float:left; overflow:auto;
    position:absolute;
	opacity:.0; transition: 1s; }
	body:hover #subtitle { opacity:1.0; transition-delay:1s; }

#story{ position:absolute;
width:205px; height:193px;
left:325px; bottom:8px;
background-color:;
   color:#f6c7c7;
   font-family:'cardo';
   font-size:14px;
   line-height:20px;
letter-spacing:1px;
text-transform:; text-align:justify;
padding:10px; float:left;
overflow:auto; opacity:.0; transition: 1s;  }
	body:hover #story { opacity:1.0; transition-delay:1s; }

	#story::first-letter{
	background-color:#f0bbbb;
	   color:#e68787;
	   font-family:'cinzel decorative', cursive;
	   font-size:33px;
	line-height:33px;
	letter-spacing:1px;
	text-transform:uppercase;
	text-shadow: 1px 0px 0px #f6c7c7,
	0px 1px 0px #f6c7c7,
	-1px 0px 0px #f6c7c7,
	0px -1px 0px #f6c7c7;
	margin: 0px 5px 0px; padding:10px;
	box-shadow: inset 0px 0px 20px #ffafaf,
	 0px 0px 20px #ffafaf;
	float:left; }

#tags{ color:#e68787;
left:325px; bottom:-75px;
width:220px; height:85px;
	font-family:'teko';
	font-size:16px;
letter-spacing:2px;
line-height:20px
text-shadow: 1px 0px 0px #ffd0d0,
0px 1px 0px #ffd0d0,
-1px 0px 0px #ffd0d0,
0px -1px 0px #ffbebe;
text-transform:; text-align:justify;
padding:3px; float:left;
overflow:auto; position:absolute;
opacity:.0; transition: 1s;  }
	body:hover #tags { opacity:1.0; transition-delay:1s; }


a {color: #ff8080;
font-family:'georgia', cursive;
	font-size:14px;
	font-weight:normal;
	line-height:15px;
	letter-spacing:1px;
text-decoration:none; text-transform:;
box-shadow: inset 0px 0px 20px #ffafaf,
 0px 0px 20px #ffafaf;
padding:2px; display:inline-block; }

b {color:#e68787;
background-color:;
font-family:'georgia', cursive;
 font-size:14px;
 line-height:13px;
 letter-spacing:1px;
text-decoration:none;
text-shadow: 1px 0px 0px #f6c7c7,
0px 1px 0px #f6c7c7,
-1px 0px 0px #f6c7c7,
0px -1px 0px #f6c7c7;
text-transform:; padding:2px; }

u {color:#e68787;
background-color:#f0bbbb;
font-family:'teko'; font-size:14px;
letter-spacing:1px;
text-decoration:none;
text-shadow: 1px 0px 0px #ffd0d0,
0px 1px 0px #ffd0d0,
-1px 0px 0px #ffd0d0,
0px -1px 0px #ffbebe;
text-transform:uppercase;
box-shadow: inset 0px 0px 20px #ffafaf,
 0px 0px 20px #ffafaf;
 padding:1px; }

</style>


<body>

<script defer>
window.onload = function() { <!-- function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} document.oncontextmenu=new Function("return false")
//

var canvas = document.getElementById("canvas"), ctx = canvas.getContext('2d'); canvas.width = window.innerWidth; canvas.height = window.innerHeight; var stars = [], FPS = 30, x = canvas.width; for (var i = 0; i < x; i++) { stars.push({ x: Math.random() * canvas.width, y: Math.random() * canvas.height, radius: Math.random(), vx: Math.floor(Math.random() * 10) - 5, vy: Math.floor(Math.random() * 10) - 5 }); }
function draw() { ctx.clearRect(0,0,canvas.width,canvas.height); ctx.globalCompositeOperation = "lighter"; for (var i = 0, x = stars.length; i < x; i++) { var s = stars[i]; ctx.fillStyle = "#fff"; ctx.beginPath(); ctx.arc(s.x, s.y, s.radius, 0, 2 * Math.PI); ctx.fill(); } }
function update() { for (var i = 0, x = stars.length; i < x; i++) { var s = stars[i]; s.x += s.vx / FPS; s.y += s.vy / FPS; if (s.x < 0 || s.x > canvas.width) s.x = -s.x; if (s.y < 0 || s.y > canvas.height) s.y = -s.y; } }
function tick() { draw(); update(); requestAnimationFrame(tick); } tick(); };
</script>

<canvas id="canvas"></canvas>

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

 <div id="sprite">
 <img src="https://i.imgur.com/TwU1kIA.gif">
 </div>
 </div>

 <div id="pic">
 <img src="https://i.imgur.com/dvktrh0.png" height="550">
 </div>

<div id="container">

 <div id="lalala">
 <img src="https://i.imgur.com/CqgNVbo.gif">
 </div>
 <div id="music-player">
<div style="margin-top:4px;">
<audio controls style="opacity: 0; width:150px; margin-bottom:313px; margin-left:170px;" loop="">
<source src="">
</audio>
</div>
</div>

 <div id="name">
 Minthe,
 </div>

 <div id="subtitle">
 the Skitty
 </div>

 <div id="story">

 A former <i><b>sugar baby</b></i> and <i><b>foster kid</b></i>, Minthe spent most of her life relying on no one but herself (despite her many boyfriends’ generous financial assistance), until heartbreak and <i><b>second chances</b></i> taught her otherwise.
 <br>
 Now she lives with her boyfriend <a target="_blank" href="https://roleplay.chat/profile.php?user=westly"><b>Westly</b></a>, his ditto, rotom, and three dogs, trying to figure out what she wants for herself.

 </div>

 <div id="tags">
 <br>
 <font style="float:right;">
 <u>20 yrs old.</u> <u>5’02”.</u> <u>sassy.</u> <u>pm-friendly.</u>
 </font>
 </div>


 </div>

</body>