<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Dosis:400,300|Roboto:100,900);
@import url('https://fonts.googleapis.com/css?family=Niconne');
@import 'https://fonts.googleapis.com/css?family=Satisfy';

body { background-color: #fff; background-image: url(https://img00.deviantart.net/92dd/i/2018/195/f/2/yumeno_gentaro__hyp_mic___fling_posse__phantom_by_icayenne-dch86r0.png); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: 1500px 690px;}

 ::-webkit-scrollbar-track {background-color:;}
::-webkit-scrollbar-thumb {background-color:;}
::-webkit-scrollbar {width:2px;height:5px;}

a {color: #C2507E; text-decoration: none; }
a:hover {color: black; text-decoration: line-through;cursor: url('https://png.icons8.com/color/50/000000/musical.png');}
*{cursor: url('https://png.icons8.com/color/50/000000/musical.png'), default;}

#rook {position: fixed; top: 200px; left: 550px; height: 300px; width: 400px; background-color: #89A495; overflow: auto; z-index: 1; border: 1px solid black;}

#of { position:fixed; left: 390px; top: 200px; height: 300px; width: 180px; z-index: 1; border: 1px solid black;}

#white { position:fixed; left: 650px; top: 370px; height: 121px; width: 290px; z-index: 1; border: 1px solid black;}

#quote1 { position:fixed; top: 150px; left: 410px; height: 50px; width: 500px; text-align: left; font-family: 'Niconne', cursive; letter-spacing: 2px; text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black; font-size:50px; color: #fff; z-index:999; text-align: center;}

#quote2 { position:fixed; top: 500px; left: 390px; height: 50px; text-align: left; font-family: 'Niconne', cursive; letter-spacing: 2px; text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black; font-size:19px; color: #fff; z-index:999; text-align: center;}

.abox { background-color: #fff; color: #000; font-size: 11px; font-family: 'dosis', sans-serif; text-align: justify; position: absolute; width:354; height:144; left: 579; top:209; letter-spacing: .3px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #000; z-index: 3;}

.aimg { position: absolute; width:290; height:121; left: 650;  top:370; overflow:auto; border:1px solid black;}

.navbar {Background-color: transparent; Position: absolute; Left: 580px; top: 370px; padding: 4px; z-index: 1000; font-family: dosis; font-size: 10px; text-transform:uppercase; background: #fff; width: 52px; height: 113px; border: 1px solid black; }

.link1 {Position: absolute; Top: 3px; Border: solid 1px #000; Height: 13px; Width: 50px; background-color: #89A495; }

.link2 {Position: absolute; Top: 23px; Border: solid 1px #000; Height: 13px; Width: 50px; background-color: #89A495; }

.link3 {Position: absolute; Top: 43px; Border: solid 1px #000; Height: 13px; Width: 50px; background-color: #89A495; }

.link4 {Position: absolute; Top: 63px; Border: solid 1px #000; Height: 13px; Width: 50px; background-color: #89A495; }

.link5 {Position: absolute; Top: 83px; Border: solid 1px #000; Height: 13px; Width: 50px; background-color: #89A495; }

.link6 {Position: absolute; Top: 103px; Border: solid 1px #000; Height: 13px; Width: 50px; background-color: #89A495; }

.link1:hover {Background-color: #fff;}
.link2:hover {Background-color: #fff;}
.link3:hover {Background-color: #fff;}
.link4:hover {Background-color: #fff;}
.link5:hover {Background-color: #fff;}
.link6:hover {Background-color: #fff;}

.slide {Position: fixed; Height: 555555; Width: 555555; Top: -50px; Left: 0; Z-index: -1; Opacity: -2; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}

.slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}

.ooc { position: fixed; background-color: #fff; border:1px #000 solid; overflow: auto; width: 350; height: 140; top: 210px; left: 580px; padding: 5px; text-align: justify; font-size: 11px; font-family: 'dosis', sans-serif; color: #000; line-height: 14px; z-index: 1; }

h1 { Color: #5c5d61; font-family: 'Satisfy', cursive; Border-bottom: 1px solid #bb99aa; font-size:15px; text-align: center; Margin-top: 1px; letter-spacing: .3;}

h2 { position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #000000;}
</style>

<div id="quote1">夢野幻太郎 Phantom</div>
<div id="quote2">What do you want meaning for? Life is desire, not meaning.</div>

<div id="rook"></div>
<div id="of"><img src="http://data.whicdn.com/images/272156184/large.jpg" height="100%" width="100%"></div>
<div id="white"><img src="https://s-media-cache-ak0.pinimg.com/originals/49/7d/70/497d7080ed00c3b621141310b22cf488.gif" height="100%" width="100%"></div>

<div class="navbar">
<a class="link1" href="#1"><center><font color="black">Dossier</font></center></a>
<a class="link2" href="#2"><center><font color="black">Friends</font></center></a>
<a class="link3" href="#3"><center><font color="black">Enemies</font></center></a>
<a class="link4" href="#4"><center><font color="black">Abilities</font></center></a>
<a class="link5" href="#5"><center><font color="black">OOC</font></center></a>
<a class="link6" href="#6"><center><font color="black">Reset</font></center></a>
</div></div>

<div class="ooc">


</div>

<div><div id="1" class="slide">
<div class="abox">
 <div style="float: left; width: 50%;"align="left">
<b>N</b><u>ame</u>:<br><br>
<b>G</b><u>ender</u>:<br><br>
<b>S</b><u>pecies</u>: <br><br>
<b>A</b><u>ge</u>: <br><br>
<b>H</b><u>eight</u>: <br><br>
<b>W</b><u>eight</u> : <br><br>
<b>H</b><u>air</u>: <br><br>
<b>E</b><u>yes</u> :<br><br>
<b>M</b><u>artial</u> <b>S</b><u>tatus</u>: <br><br>
<b>O</b><u>ccupation</u>: <br><br>
<b>D</b><u>ivision</u>: <br><br>
<b>G</b><u>roup</u>: <br><br>
<b>N</b><u>otable</u> <b>Q</b><u>uirks</u>:

</div>

<div style="float: right; width: 50%;"align="right">
Yumeno, Gentarou <b>aka</b> MC Phantom<br><br>
Male<br><br>
Human<br><br>
Twenty-four<br><br>
177cm (5'9")<br><br>
61kg (134lbs)<br><br>
Honey brown<br><br>
Emerald green, faint maroon gradient at the top<br><br>
Single<br><br>
Novelist<br><br>
Shibuya<br><br>
Fling Posse<br><br>
By-gone era clothes, penchant for disarming smiles <s>and lies</s>

</div></div>

<div class="aimg"><img src="http://24.media.tumblr.com/c774157401c50dbd93ea16ae8cf886eb/tumblr_n13mu8r8oI1to21edo2_500.gif" Height="100%" Width="100%"></div></div>

<div><div id="2" class="slide">
<div class="abox">

<div class="aimg"><img src="http://ekladata.com/kDedns32jZgTicwEG9VtpaPbcuI.gif" Height="100%" Width="100%"></div></div></div>


<div id="3" class="slide">
<div class="abox">


</div>

<div class="aimg"><img src="http://24.media.tumblr.com/a287b0475e13a9de32efda3ad341f360/tumblr_n0snrtEl3N1sqi9jto3_500.gif" Height="100%" Width="100%"></div></div>


<div id="4" class="slide">
<div class="abox">


</div>

<div class="aimg"><img src="http://68.media.tumblr.com/8b33e4e12eacb6f29a18f7b3280e8dab/tumblr_o1ron6t3UE1v41ji2o1_500.gif" Height="100%" Width="100%"></div></div>

<div id="5" class="slide">
<div class="abox">
<h1>O O C</h1>
 <b>1.)</b> PM Friendly.<br>
<b>2.)</b> <i>Story</i> > <b>Smut</b>, every time.<br>
<b>3.)</b> IC ≠ OOC.<br>
<b>4.)</b> OOC humor is kind of dark and errs on the side of sassy. I know it can be harsh and even instigating, but I promise I'm only teasing. If it's starting to rub you the wrong way, just let me know and I'll ease up on it! I don't mean to offend anyone!<br>
<b>5.)</b> I shitpost a lot---but when you get me rolling in the posts, I can post heavily in the multi-paragraphs, to novellas. I'm also aware this isn't everyone's cuppa tea, or that sometimes the flowery prose of my words is overwhelming; I'm an understanding dude, my dude, so just let me know and I'll do my best to reel it back or we can call things off congenially; it won't offend me.<br>
<b>6.)</b> GMC/UST + 9:00. Which means I'm on the opposite side of the spectrum for anyone in the North Americas; catching me online will be tough and I apologize for that. As well, I'm very much prone to AFKs as my RL is pretty hectic, but if you're patient and understanding with that, I can promise you the same courtesy---and if you aren't, well, I'll still understand.<br>
<b>7.)</b> <i>I am taken irl, and very happy with my relationship.</i> I'm <u>not</u> interested in anything OOC besides friendships, sorry but not.<br>
</div>

<div class="aimg"><img src="https://media.tenor.co/images/9c8e4ea99ada63cdbf502b571cfda9fa/tenor.gif" Height="100%" Width="100%"></div></div>

<h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank">A Bad Bitch</a></h2>