- juvia ( wip )

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

<style type="text/css">
body {
font-family: verdana;
font-size: 10px;
background-color: #FFB9B9;
background-image: url('http://media.tumblr.com/226013296f378117bb506192f8982808/tumblr_inline_mkjkwp5xlN1qz4rgp.png');
background-attachment: fixed;
background-position: bottom left;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color: #506c95; font-weight:normal; letter-spacing: -1px;}
i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; 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: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
big {color: #506c95; 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: #43150E 0px 0px 1px;}
small {color: #3B2F7F; font-size: 18px; font-weight: light; letter-spacing: -1px; font-family: verdana; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

::-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:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}

h1{
background-color: #506c95;
color: #EDEDEE;
font-size: 13px;
font-family: Century Gothic;
line-height: 15px;
text-align: center;
margin-top: 0px;
letter-spacing: 2px;
text-transform: lowercase;
}

#water { position: fixed; left: 450px; height: 123px; width: 266px; top: 85px; z-index: 9; border: 3px Solid #506c95; background-color: #242424; }
#queen { position: fixed; left: 450px; height: 123px; width: 266px; top: 550px; z-index: 9; border: 3px Solid #506c95; background-color: #242424; }

#drip { position: fixed; background-image: url('https://38.media.tumblr.com/0f7f8981f079ae8f6e47be35bd0cb0ae/tumblr_n7vuwjtV3i1s4lriyo2_r1_400.gif'); background-attachment: absolute; background-size: 250px 106px; background-repeat: no-repeat; left: 460px; height: 106px; width: 250px; top: 95px; z-index: 9; border: 1px Solid #506c95; background-color: #242424; }

#drop { position: fixed; background-image: url('https://33.media.tumblr.com/f23f5e856bbe21a92dfc5d31c561b92a/tumblr_nbirs4W22C1s7idtvo1_250.gif'); background-attachment: absolute; background-size: 250px 106px; background-repeat: no-repeat; left: 460px; height: 106px; width: 250px; top: 560px; z-index: 9; border: 1px Solid #506c95; background-color: #242424; }

#fairy { position: fixed; left: 450px; height: 328px; width: 266px; top: 215px; z-index: 9; border: 3px Solid #506c95; background-color: #242424; }

#tail { position: fixed; left: 460px; top: 225px; width: 220px; height: 350px; padding: 5px; color: #212121; font-family: verdana; font-variant: small-caps; text-align: justify; font-size: 10px; line-height: 13px; overflow: auto; background-color: #EDEDEE; border: 1px Solid #506c95; z-index: 10; }

#navi { position: fixed; left: 425px; top: 470px; width: 30px; height: autopx; background-color: transparent; overflow: hidden; z-index: 2000000; }

.box {
position: fixed;
left: 465px;
top: -500px;
width: 240px;
height: 330px;
padding: 5px;
color: #212121;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
background-color: #EDEDEE;
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: 950;
}

.box:target {
top: 240px;
left: 465px;
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;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 20px;
height: 20px;
margin: 5px;
background-color: #EDEDEE;
border: 1px Solid #506c95;
text-align: center;
line-height: 10px;
font-variant: small-caps;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.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: transparent;
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

a {
color: #3071b5;
text-decoration: none;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur819.cur'), default;
}

a:hover {
color: transparent;
text-decoration: none;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur819.cur'), default;
}

p {
margin: 10px;
padding: 5px;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
color: #070707;
background-color: transparent;
}

</style>

<div id="no" oncontextmenu="return false;">

<div id="water"><div id="drip"></div></div>
<div id="queen"><div id="drop"></div></div>

<div id="fairy"><div id="tail">words here.</div></div>