michiru's new profile (wip)

<style>
@import url('https://fonts.googleapis.com/css?family=Economica|Mrs+Saint+Delafield');
@import url('https://fonts.googleapis.com/css?family=Georgia');


.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; }

body{ background-color:#dfc2b4;
background-position:right top;
background-repeat: repeat; background-attachment:fixed; background-size: repeat}

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


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

   #beauty { position:absolute;
   background-image:url('https://i.imgur.com/GzDKly4.png');
   background-position:0% 50%; background-size:350px;
   background-attachment: absolute;
   background-repeat:no-repeat;
   height:636px; width:350px;
   bottom:-13px; left:125px; }


#blurb{ height:160px; width:250px;
	top:55px; left:-110px;
    background-color:transparent;
	   color:#c9a38f;
	   font-family:'georgia';
	   font-size:25px;
       font-style:italic;
	letter-spacing:0px;
	text-transform:;
    text-align:right;
	margin: 0px 5px 0px; padding:20px;
    box-shadow: inset 0px 0px 20px #,
	0px 0px 20px #;
	position:absolute;
	float:left; overflow:auto;
	filter: blur(0px); opacity:1; transition: 1s; }
	body:hover #blurb {filter: blur(10px); opacity:0; transition: .7s;}


#name{ height:120px; width:290px;
	top:237px; left:420px;
    background-color:transparent;
	   color:#f47774;
	   font-family:'economica';
	   font-size:52px;
	letter-spacing:0px;
	text-transform:uppercase;
    text-align:justify;
	margin: 0px 5px 0px; padding:px;
    box-shadow: inset 0px 0px 20px #,
	0px 0px 20px #;
	position:absolute;
	float:left; overflow:auto;
	opacity:.0; transition: 1s; }
		body:hover #name { opacity:1.0;
        transition-delay:1s; }


#ooc{ height:160px; width:290px;
	top:237px; left:420px;
    background-color:#dfc2b4;
	   color:#f47774;
	   font-family:'economica';
	   font-size:45px;
	letter-spacing:0px;
	text-transform:uppercase;
    text-align:justify;
	margin: 0px 5px 0px; padding:px;
    box-shadow: inset 0px 0px 20px #,
	0px 0px 20px #;
	position:absolute;
	float:left; overflow:auto;
	filter: blur(0px); opacity:1; transition: 1s; }
	body:hover #ooc {filter: blur(10px); opacity:0; transition: .7s;}


#ic{ height:500px; width:280px;
	top:305px; left:420px;
    background-color:transparent;
	   color:#916d5c;
	   font-family:'economica';
	   font-size:16px;
	line-height:28px;
	letter-spacing:0px;
    text-align:justify;
	margin: 0px 5px 0px; padding:px;
    box-shadow: inset 0px 0px 20px #,
	0px 0px 20px #;
	position:absolute;
	float:left; overflow:auto;
	opacity:.0; transition: 1s; }
		body:hover #ic { opacity:1.0;
        transition-delay:1s; }


a { color:#fff5e9;
background-color:#ff827f;
border:1px solid #fff5e9;
text-decoration:none;
text-transform:uppercase;
font-weight:normal;
padding:2px; }
	a:hover { color:#916d5c;
    background-color:#dfc2b4;
    border:1px solid #fff5e9;
	transition: 1.2s; }

u { color:#fff5e9;
background-color:#c9a38f;
border:1px solid #fff5e9;
text-decoration:none;
text-transform:uppercase;
padding:2px; }


</style>
<body>
 <div id="opening">
 <div id="beauty"></div>

	<div id="blurb">
    “Know your place.”
    </div>

	<div id="ooc">
    out of character; <br>
    <small><small><small><small><small>
    IC ≠ OOC, real life over roleplay, no means no. i do not answer random DMs from strangers outside of the <b>plus ultra room.</b> click/hover for info.
    </small></small></small></small></small>
    </div>

    <div id="name">
    <u>Michiru Kaioh.</u>
    </div>

    <div id="ic">
    <u>quiet.</u> <u>refined.</u>
    <u>vicious.</u>
    <u>endeavor's pr agent.</u>
    <a target="_blank" href="https://roleplay.chat/profile.php?user=Pestilence">asami's cousin.</a>
    <u>single.</u>
    <u>feared.</u> <br><br>
    <center>
    <a target="_blank" href="https://pastebin.com/Aup19FGG">quirk.</a>
	</center>
    </div>

 </div>


</body>