<style>
@import url('https://fonts.googleapis.com/css2?family=Changa&family=Metal+Mania&display=swap');



	body { background: repeating-linear-gradient(45deg, #000, #fff); cursor: url('https://64.media.tumblr.com/tumblr_lqs4pnAVVj1qfoi4t.png'), default; overflow: hidden;}

	.image { position: absolute;  height: 100vh; width: 39vw; background: url('https://cdn.discordapp.com/attachments/478793307166736384/833134024847392818/hyuk.png') no-repeat; background-size: cover; background-position: center;}

	.title { position: absolute; bottom: 44vh; left: 3vw; font-family: 'Metal Mania', cursive; color: #fff; font-size: 10vh;   filter: drop-shadow(.8vh .8vh 0vh #3339);}

	.stats { position: absolute; bottom: 37vh; left: 10.5vh;  }

	.texture { position: absolute; top: 0vh; left: 0vw; height: 100vh; width: 100vw; background-image: url("https://www.transparenttextures.com/patterns/black-twill.png"); opacity: .2; z-index: -1;}

	U { text-decoration:none; text-transform:uppercase; font-family:changa; color:#000; font-size: 1.2vh;  border-radius:0vh 0vh 1vh 0vh; padding-right:.2vw; padding-top:0vh; padding-bottom:0vh; padding-left: .2vw; line-height:2.7vh; letter-spacing:.1vh; background-color:#fff;  transition: all .7s ease-in-out;}

	u:hover { background: #fff; color: #000;}

	#bubble {
	position:absolute;
	background-color:#fff;
	border-radius:200px;
	width:70px;
	height:70px;
	left:230px;
	top:50px;
	}

	#arrow {
	position:absolute;
	color:#fff;
	font-size:50px;
	left:-20px;
	top:10px;
	}

	#music-note {
	position:absolute;
	left:22px;
	top:22px;
	}

	.music { z-index: 11000;position: absolute; top: 5vh; left: 15vw;}



	a, a:link, a:visited {
color: maroon;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
transition: all .7s ease-in-out;}

a:hover{
color: maroon;
text-shadow: 0px 0px 5px maroon;
cursor: url('http://i.imgur.com/2qleX.jpg'), default;}


</style>

<div class="image"><div class="title">THE GHOSTFACE</div><div class="stats"><u>danny johnson -- jed olsen</u> <u>male</u> <u>6'05"</u> <u>21</u> <u><a target="_blank" href="">meh</a></u> <u>journalist -- killer</u> <br><u>100% a genius</u> <u>mildly psychopathic</u> <u>anti-social -- prefers animals</u> <u>tired:tm:</u></div></div>
<div class="music"><div id="bubble">
<div id="arrow">
◄
</div>

<div id="music-note">
<img src="http://i.imgur.com/r6klgBG.gif">
</div>

<div id="music-player">
<Div style="margin-top:4px;">
<audio controls style="opacity: 0; width:150px; margin-top:10px; margin-left:10px;">
<source src="https://www.dropbox.com/s/2aklu5r9c1ytyop/EBEN%20x%20Biometrix%20x%20RIELL%20-%20Beg%20Me%20%5BOfficial%20Lyric%20Video%5D.mp3?dl=1">
</audio>
</div>
</div>
</div></div>
<div class="texture"></div>