<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Play|Press+Start+2P');

	body {
	overflow-x:hidden;
	background-image:
	url('https://i.imgur.com/0mLMkb8.png');
	background-repeat:repeat;
	background-position:;
	background-attachment: fixed;
	background-color:#555;
	font: 0px arial;
	color: black;
	}

	::-webkit-scrollbar {
 	width: 6px;
	}

	::-webkit-scrollbar-track {
 	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 	border-radius: 10px;
	}

	::-webkit-scrollbar-thumb {
 	border-radius: 10px;
 	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);

	}

	::selection {
	color: #fff;
	background: black;
	}



	a {color:white;
	text-decoration: none;
	font-family: 'Wallpoet', cursive;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}

	a:hover {color: grey;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}

*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}

	a:hover {cursor: url('http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif'),auto;
 	-moz-transition-duration: 0.3s;
 	-webkit-transition-duration: 0.3s;
 	-o-transition-duration: 0.3s;transition: 0.3s;}


	#black-bg{
	position:fixed;
	z-index:1;
	left:0px;
	top:0px;
	width:700px;
	height:500px;
	}

	#black-box{
	position:fixed;
	z-index:2;
	left:50px;
	top: 100px;
	width:550px;
	height:400px;
	background-color: black;
	overflow:hidden;
	}

	#black-box-image{
	position:fixed;
	z-index:6;
	top:30px;
	left:-15px;
	}

	#boo{
	position:fixed;
	z-index:2;
	top:30px;
	left:225px;
	}

	#ghost{
	position:fixed;
	-webkit-transform: rotate(90deg);
	color: #555;
 	background: url(https://i.imgur.com/0mLMkb8.png) repeat;
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
	z-index:4;
	font-family: 'Press Start 2P', cursive;
	font-size:80px;
	letter-spacing:35px;
	top:280px;
	left:408px;
	width:auto;
	}

	#navi {
 	vertical-align: center;
 	text-align: center;
 	position: fixed;
 	left:80;
 	top:600;
 	letter-spacing:0px;
 	margin: 1px;
	z-index:9;
 	}

 	#navi a {
 	padding: 0px;
 	width: auto;
 	height:auto;
 	display: inline-block;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	-ms-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	opacity:.8;
 	}

 	#navi a:hover {
 	opacity:.4;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	-ms-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	}







	#navi2 {
 	vertical-align: center;
 	text-align: center;
 	position: fixed;
 	left:210;
 	top:600;
 	letter-spacing:0px;
 	margin: 1px;
	z-index:9;
 	}

 	#navi2 a {
 	padding: 0px;
 	width: auto;
 	height:auto;
 	display: inline-block;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	-ms-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	opacity:.8;
 	}

 	#navi2 a:hover {
 	opacity:.4;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	-ms-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	}





	#navi3 {
 	vertical-align: center;
 	text-align: center;
 	position: fixed;
 	left:340;
 	top:600;
 	letter-spacing:0px;
 	margin: 1px;
	z-index:9;
 	}

 	#navi3 a {
 	padding: 0px;
 	width: auto;
 	height:auto;
 	display: inline-block;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	-ms-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	opacity:.8;
 	}

 	#navi3 a:hover {
 	opacity:.4;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	-ms-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	}






	#navi4 {
 	vertical-align: center;
 	text-align: center;
 	position: fixed;
 	left:470;
 	top:600;
 	letter-spacing:0px;
 	margin: 1px;
	z-index:9;
 	}

 	#navi4 a {
 	padding: 0px;
 	width: auto;
 	height:auto;
 	display: inline-block;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	-ms-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	opacity:.8;
 	}

 	#navi4 a:hover {
 	opacity:.4;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	-ms-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	}

	#header{
 	background: url(https://i.imgur.com/0mLMkb8.png) repeat;
	z-index:4;
	font-family: 'Press Start 2P', cursive;
	font-size:9px;
	letter-spacing:0px;
	position:fixed;
	width: 240px;
	height:10px;
	color:#555;
	background-color: #000;
	padding:4px;
	margin:4px;
	text-align:center;
	overflow:hidden;
	left:290px;
	top:100px;
	border-radius: 0px 0px 0px 50px;
	}

	#header2{
 	background: url(https://i.imgur.com/0mLMkb8.png) repeat;
	z-index:4;
	font-family: 'Press Start 2P', cursive;
	font-size:9px;
	letter-spacing:0px;
	position:fixed;
	width: 240px;
	height:10px;
	color:#555;
	background-color: #000;
	padding:4px;
	margin:4px;
	text-align:center;
	overflow:hidden;
	left:310px;
	top:130px;
	border-radius: 0px 0px 0px 50px;
	}

	#header3{
 	background: url(https://i.imgur.com/0mLMkb8.png) repeat;
	z-index:4;
	font-family: 'Press Start 2P', cursive;
	font-size:9px;
	letter-spacing:0px;
	position:fixed;
	width: 240px;
	height:10px;
	color:#555;
	background-color: #000;
	padding:4px;
	margin:4px;
	text-align:center;
	overflow:hidden;
	left:334px;
	top:160px;
	border-radius: 0px 0px 0px 50px;
	}




	#box{
 	background: url() repeat;
	z-index:4;
	font-family: 'Press Start 2P', cursive;
	font-size:9px;
	letter-spacing:0px;
	position:fixed;
	width: 280px;
	height:300px;
	color:black;
	background-color: #000;
	padding:4px;
	margin:4px;
	text-align:center;
	overflow:hidden;
	left:314px;
	top:190px;
	border-radius: 0px 0px 0px 50px;
	}


	#info {
	text-transform: uppercase;
	color:#555;
	font-family: 'Press Start 2P', cursive;
	font-size:9px;
	text-align: justify;
	position: fixed;
	width:300;
	height:auto;
	left: 335px;
	top: 195px;
	letter-spacing:0px;
	line-height: 19px;
	padding: 10px;
	margin: 1px;
	z-index:5;
	opacity:1.0;
	overflow:hidden;
	}

	#avatar{
	position:fixed;
	left:355px;
	top:435px;
	z-index:8;
	}


	#music-bg {
	position:fixed;
	background-color:transparent;
	left:170;
	top:513;
	width:15;
	height:15;
	border-radius:0px;
	z-index:9;
	-webkit-transform: rotate(225deg);}

	#music{
	position:absolute;
	background-image:
	url('https://i.imgur.com/J1T2wur.png');
	background-repeat: no-repeat;
	background-size: 11px;
	width:11px;
	height:14px;
	background-color:transparent;
	z-index:99;
	left:0;
	top:0;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	opacity:1.0;
	}



</style>



<div id="music-bg"> <div id="music">
<Div style="margin-top:4px;">
<audio controls style="opacity: .0;margin-left:-25px;margin-top:-25px;z-index:9999;">
<source src="http://k003.kiwi6.com/hotlink/ytrajbeytj/MV_Jack_Stauber_-_Buttercup_w_subtitles_.mp3">
</audio>
</div>
</div>
</div>





<div id="header">011<font color="red">0</font>01000110100101100101...</div>
<div id="header2">0110010001<font color="red">1</font>0100101100101...</div>
<div id="header3">01100100011010010110<font color="red">0</font>101...</div>

<div id="black-box-image">
<img src="https://i.imgur.com/nQlgRcM.png"width="350">
</div>

<div id="box"></div>

<div id="boo">
<img src="https://i.imgur.com/a9Hjay8.png"width="60">
</div>


<div id="ghost">GHOST</div>

<div id="navi">
<a href="#setfour"><img src="https://i.imgur.com/WmH7uPM.png"height="35"width="120"></a>
</div>

<div id="navi2">
<a href="#settwo"><img src="https://i.imgur.com/WmH7uPM.png"height="35"width="120"></a>
</div>

<div id="navi3">
<a href="#setthree"><img src="https://i.imgur.com/WmH7uPM.png"height="35"width="120"></a>
</div>

<div id="navi4">
<a href="#setone"><img src="https://i.imgur.com/WmH7uPM.png"height="35"width="120"></a>
</div>










<div id="info">
<div style="width:270; height:300; overflow-y: hidden;">
<a name="setone"></a>
<div style="width:270; height:300; overflow-y: auto;text-align:justify;">
<center><i>"If corporations are people, I am a murderer."</i></center>
 <b>Name...</b><font style=float:right>Unknown</font><br>
 <b>Alias...</b><font style=float:right>The Ghost</font><br>
 <b>Seniority...</b><font style=float:right>?</font><br>
 <b>Sexuality...</b><font style=float:right>M</font><br>
 <b>Height...</b><font style=float:right>Height</font><br>
 <b>Weight...</b><font style=float:right>Weight</font><br>
 <b>Status...</b><font style=float:right>Relationships are a</font><br>
<font style=float:right>corporate construct to </font><br>
<font style=float:right>sell merchandise.</font><br>
 <b>Abilities...</b>
<font style=float:right>Ability 1</font><br>
<font style=float:right>Ability 2</font><br>
<font style=float:right>Ability 3</font><br>

</div>

<a name="setfour"></a>
<div style="width:270; height:300; overflow: hidden;text-align:justify;">
<font style=float:right><font size="2"><b><u>Header</u></b></font><BR></font>
<div style="width:260px;height:250px;padding-right:10px; overflow: auto;">
The text placed here will turn into a nifty looking scroll box.
</div>
</div>

<a name="setthree"></a>
<div style="width:270; height:300; overflow-x: hidden;">
<font style=float:right><font size="2"><b><u>Header</u></b></font><BR></font>
<div style="width:260px;height:250px;padding-right:10px; overflow: auto;">
The text placed here will turn into a nifty looking scroll box.
</div>
</div>

<a name="settwo"></a>
<div style="width:270; height:300; overflow-y: auto;">
<font style=float:right><font size="2"><b><u>Header</u></b></font><BR></font>
<div style="width:260px;height:250px;padding-right:10px; overflow: auto;">
The text placed here will turn into a nifty looking scroll box.
</div>
</div>

</div>
</div>






<div id="black-bg">
<img src="https://i.imgur.com/WmH7uPM.png"height="600"width="700">
</div>

<div id="black-box"> </div>
</body>