Rae Commission

@import url('https://fonts.googleapis.com/css2?family=Changa&family=Dancing+Script&family=Yusei+Magic&display=swap');


	body { background: linear-gradient(45deg, #8e2de2, #4a00e0); cursor: url('http://i.imgur.com/uVkYm.jpg'), default;}
	.img { position: fixed; bottom: 0vh; right: 0vw; height: 70vh; width: 27vw; background: url('https://i.ibb.co/GQCkPF4/4rae.png') no-repeat; background-size: cover; pointer-events: none; filter: drop-shadow(-.8vh .3vh 0vh #fff4) contrast(120%); pointer-events: none; z-index: 1;}

	.texture { position: absolute; top: 0vh; left: 0vw; height: 100vh; width: 100vw; background-image: url(http://www.transparenttextures.com/patterns/tactile-noise-dark.png); opacity: .8; z-index: -1;}

	.container { position: absolute; bottom: 10vh; right: 14vw; height: 40vh; width: 30vw; background: #8e2de2; border-radius: 10px; outline: solid 5px #661FB4; outline-offset: 10px; border: solid 10px #661FB4; }

	.title { position: absolute; top: 34vh; right: 15vw; font-family: 'Dancing Script', cursive; color: #B09AFD; text-shadow: 0px 0px 10px #B09AFD; filter: drop-shadow(-.8vh .8vh 0vh #0003);font-size: 8vw; pointer-events: none;}

	.inner1 { position: absolute; top: 2vh; left: 1vw; height: 20vh; width: 13vw; background: ; font-family: 'Yusei Magic', sans-serif; color: #fff8; font-size: 1.5vh; overflow: auto; text-transform: uppercase; line-height: 1vh;}

	.inner2 { position: absolute; bottom: 2vh; left: 1vw; height: 14vh; width: 24vw; background: ; font-family: 'Yusei Magic', sans-serif; color: #fff8; font-size: 1.5vh; overflow: auto; text-transform: uppercase; line-height: 2vh; text-align: justify;}

	.inner3 { position: absolute; top: 2vh; right: 0vw; height: 20vh; width: 15vw; background: ; font-family: 'Yusei Magic', sans-serif; color: #fff8; font-size: 1.5vh; overflow: auto; text-transform: uppercase; line-height: 1.5vh;}


	a { text-decoration: none;  text-transform: lowercase; color: #fff; transition: all .55s ease-in-out;} a:hover { text-transform: uppercase; text-shadow: 0px 0px 10px #fff; cursor: url('http://i.imgur.com/SNPWH.jpg'), default;}

	u { text-decoration:none; text-transform: ; font-family: 'changa', sans-serif; color :#fff; text-shadow: 0px 0px 5px #4a00e0; font-size: .8vw; text-transform: ; transition: all .55s ease-in-out;} u:hover { color: #000;}

	::-webkit-scrollbar { display: none;}

	ul, li { list-style: none; text-shadow: none; text-align: ; font-size: 1.5vh;  padding: 0vh; margin: 0vh;}

	li:before { content:"🞜";   font-size: 1.5vh; margin: 5px; }

	i { color: #e0b0ff; text-shadow: 0px 0px 10px #e0b0ff;}

	b { color: #4b0082; font-weight: 400;}

</style>
<div class="img"></div>
<div class="texture"></div>
<div class="container"><div class="inner1">
<div style="border: 1px solid #B09AFD; padding: 1vh;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style="border: 1px solid #B09AFD; padding: 1vh;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style="border: 1px solid #B09AFD; padding: 1vh;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style="border: 1px solid #B09AFD; padding: 1vh;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style="border: 1px solid #B09AFD; padding: 1vh;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style="border: 1px solid #B09AFD; padding: 1vh;"><u>stat</u><font style="float:right;">answer</font></div><br></div>

<div class="inner2"><ul><li>code made for <i>alt name</i> by <a target="_blank" href="https://roleplay.chat/profile.php?user=scoob">scoob</a> for their use only. if you're interested in a code of your own, send them mail.</li>
<li><i>italics</i> <u>underline</u> <a title="">hover</a> <a target="_blank" href="">link</a> <b>bold</b></li></ul></div>

<div class="inner3"><a target="_blank" href="profile link" title="friend blurb here if you want."><img src="https://64.media.tumblr.com/292a77291b70205c402d780d53b64871/tumblr_otuox9wtvr1wpzagso1_400.png" style="width:72px;padding:4px;background-color:#fff;"></a>

<a target="_blank" href="profile link" title="friend blurb here if you want."><img src="https://64.media.tumblr.com/292a77291b70205c402d780d53b64871/tumblr_otuox9wtvr1wpzagso1_400.png" style="width:72px;padding:4px;background-color:#fff;"></a>

<a target="_blank" href="profile link" title="friend blurb here if you want."><img src="https://64.media.tumblr.com/292a77291b70205c402d780d53b64871/tumblr_otuox9wtvr1wpzagso1_400.png" style="width:72px;padding:4px;background-color:#fff;"></a>

<a target="_blank" href="profile link" title="friend blurb here if you want."><img src="https://64.media.tumblr.com/292a77291b70205c402d780d53b64871/tumblr_otuox9wtvr1wpzagso1_400.png" style="width:72px;padding:4px;background-color:#fff;"></a>

<a target="_blank" href="profile link" title="friend blurb here if you want."><img src="https://64.media.tumblr.com/292a77291b70205c402d780d53b64871/tumblr_otuox9wtvr1wpzagso1_400.png" style="width:72px;padding:4px;background-color:#fff;"></a>

<a target="_blank" href="profile link" title="friend blurb here if you want."><img src="https://64.media.tumblr.com/292a77291b70205c402d780d53b64871/tumblr_otuox9wtvr1wpzagso1_400.png" style="width:72px;padding:4px;background-color:#fff;"></a>

</div></div>
<div class="title">title here!</div>