— Qᴜᴇᴇɴ Bᴇᴇ.

<style type="text/css">
.pfor{display: none; }
#profile { border: 0px; background-color: transparent; }
</style>

<style type="text/css">
.pfor{display: none; }
#profile { border: 0px; background-color: transparent; }
</style>

<style type="text/css">
body {
font-family: verdana;
font-size: 10px;
background-color: #FFFFFF;
background-image: url('http://i.picpar.com/bfA.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
background-position: 0px 150px;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
}

b, strong {font-family:'century gothic'; font-variant: small-caps; font-size: 15px; color: #9B919C; font-weight:normal; letter-spacing: -1px;}
i {color: #B67D82; font-family: verdana; font-variant: small-caps; font-size: 10.5px; letter-spacing:0px;}
u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
s {color: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #FF99D6 0px 0px 1px;}
big {color: #9B919C; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family:Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #DED6AA 0px 0px 1px;}
small {color: #663366; font-size: 14px; font-weight: light; letter-spacing: -1px; padding-top: 5px; font-family: century gothic; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

— do not take this code, its not yours, nor will it be. i worked hard on this. —
— do not take this code, its not yours, nor will it be. i worked hard on this. —
— do not take this code, its not yours, nor will it be. i worked hard on this. —

::-webkit-scrollbar-button:vertical:{background-color: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height: 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height: 0px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:0px; width: 0px; background-color:transparent;}

#main{
position: fixed;
left: 0px;
top: 0px;
width: 400px;
height: 657px;
border: 3px Solid #162C5E;
background-color: #0c0c0c;
background-image:url('https://31.media.tumblr.com/49eded59af712f6ec253f3812e969514/tumblr_n2ma6vUIY41r3pxmxo1_500.jpg');
background-repeat: no-repeat;
background-size: 400px 700px;
z-index: 200;
}

.box {
position: fixed;
left: 0px;
top: 0px;
width: 450px;
height: 600px;
padding: 5px;
color: #212121;
background-color: transparent;
opacity: 0;
transition: all 0.5s ease-in-out;
-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;
z-index: 100;
}

.box:target {
top: 0px;
left: 500px;
opacity: 1;
transition: all 0.5s ease-in-out;
-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;
z-index: 100;
}

.Navi {
position: fixed;
margin-left: 5px;
margin-top: 0px;
width: autopx;
z-index: 999;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 58px;
height: 10px;
color: #fff;
background-color: #64667e;
text-align: center;
line-height: 10px;
font-variant: small-caps;
border: 2px solid #a6a9b7;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;}

a.nav:hover{
background-color: #a6a9b7;
border: 2px solid #64667e;
color: #212121;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

.info{
position: absolute;
margin-top: 100px;
margin-left: 0px;
width: 450px;
height: 200px;
border: 3px Solid #64667e;
background-color: #EDEDEE;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

.pic{
position: absolute;
margin-top: 350px;
margin-left: 0px;
width: 450px;
height: 200px;
border: 3px Solid #64667e;
background-color: #EDEDEE;
z-index: 200;
opacity: 1;
}

.image {
opacity: 0;
width: autopx;
height: 700px;
background-color: #EDEDEE;
text-align: justify;
overflow: auto;
-ms-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
-webkit-transition: opacity .3s linear;
}

.image:hover {
opacity: 1; }

.text {
line-height: 1.5;
padding-top: 300px;
font-family: verdana;
font-variant: small-caps;
font-size: 10;
color: #212121;
text-align: justify; }

a {
color: #8d8d82;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

a:hover {
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

#credit{
position:fixed;
bottom:0px;
right:0px;
z-index:450;}
</style>

<div id="main">
<div class="image"><div class="text">
<center>Love is a fickle emotion that I never want to understand.</center>
<div class="navi">
<a class="nav" href="#one">Rules</a>
<a class="nav" href="#two">Persona</a>
<a class="nav" href="#three">Weaponry</a>
<a class="nav" href="#four">Story</a>
<a class="nav" href="#five">Comrades</a>
<a class="nav" href="#bee">Restart</a>
</div></div></div></div>


<div id="one" class="box">
<div class="info">
working on it
</div>
<div class="pic"><img src="https://31.media.tumblr.com/abb4d8e29e2e3b2f0c7e0093b06d3c37/tumblr_n2t5i0G2RD1rzhxg4o5_250.gif" width="450" height="200"></img></div>
</div>

<div id="two" class="box">
<div class="info">
working on it
</div>
<div class="pic"><img src="https://31.media.tumblr.com/9ca0e80277237addc275bbf952f12521/tumblr_n2p46uFGPl1rw1i6zo7_250.gif" width="450" height="200"></img></div>
</div>

<div id="three" class="box">
<div class="info">
working on it
</div>
<div class="pic"><img src="https://24.media.tumblr.com/07087176eec30ed58a37a369984f5710/tumblr_n2p46uFGPl1rw1i6zo5_250.gif" width="450" height="200"></img></div>
</div>

<div id="four" class="box">
<div class="info">
working on it
</div>
<div class="pic"><img src="https://31.media.tumblr.com/9a001f224c6e6b68eedc085b94d38296/tumblr_n2p46uFGPl1rw1i6zo1_250.gif" width="450" height="200"></img></div>
</div>

<div id="five" class="box">
<div class="info">
working on it
</div>
<div class="pic"><img src="https://31.media.tumblr.com/db0fae8ec9cbc504ea51f69d6b9a7bff/tumblr_n2p46uFGPl1rw1i6zo4_250.gif" width="450" height="200"></img></div>
</div>
<div id="credit"><A TARGET="_blank" HREF="/profile.php?user=Bee" title="Owner"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></A></div>