Lunala

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

<style type="text/css">
@font-face { font-family: caviar dreams; src: url(https://dl.dropboxusercontent.com/s/jmybjb3qrzs0z19/Caviar.ttf); }
@font-face { font-family: Thunder Strike; src: url(https://dl.dropboxusercontent.com/s/vrsjyoo9kvtx2lb/Thunder%20Strike.ttf?dl=0); }

body {
font-family: verdana;
font-size: 10px;
background-color: #151927;
background-image: url('https://www.transparenttextures.com/patterns/checkered-pattern.png');
background-attachment: fixed;
background-position: bottom left;
background-repeat: repeat;
text-align: justify;
color: #666666;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
}

::-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;}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size: 10px; color: #363640; font-weight:normal; letter-spacing: -1px;}
i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:9pt; 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: #682C3B; 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: #333333 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;}

::selection{
background: #8C5366;
color: white;
}

::-moz-selection{
background: #8C5366;
color: white;
}

h1 {
  font-family: caviar dreams;
  color: #682C3B;
  font-size: 20px;
  line-height: 5px;
  text-transform: uppercase;
  text-align: right;
  letter-spacing: 1px;
  border-top: 1px solid #682C3B;
}

.luna {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: transparent;
  background-repeat: no-repeat;
  z-index: 500;
}

#moon {
  position: fixed;
  top: 25px;
  left: 200px;
  width: 950px;
  height: 529px;
  border: #261B2F 7px solid;
  padding: 5px;
  background-color: #131317;
  background-repeat: no-repeat;
  z-index: 500;
}

#line {
  position: fixed;
  top: 209px;
  left: 1035px;
  font-size: 330px;
  background-color: transparent;
  color: #1D1B26;
  z-index: 600;
  }

#name {
  position: fixed;
  top: 510px;
  left: 510px;
  z-index: 550;
  color: #1D1B26;
  font-size: 65px;
  line-height: 80px;
  letter-spacing: 2px;
  font-family: Thunder Strike;
  text-shadow: #070707 2px 3px 4px;
  z-index: 600;
}

#ooc {
  position: fixed;
  top: 278px;
  left: 657px;
  width: 460px;
  height: 214px;
  border: #1D1B26 7px solid;
  padding: 5px;
  background-color: #000;
  z-index: 500;
  overflow:auto;
}

#poke {
  position: fixed;
  top: 35px;
  left: 535px;
  width: 270px;
  height: 190px;
  border: #1D1B26 7px solid;
  padding: 5px;
  background-color: #000;
  z-index: 500;
  overflow: auto;
}

#human {
  position: fixed;
  top: 35px;
  left: 846px;
  width: 270px;
  height: 190px;
  border: #1D1B26 7px solid;
  padding: 5px;
  background-color: #000;
  z-index: 500;
  overflow: auto;
}

#navi {
  position: fixed;
  top: 240px;
  left: 1148px;
  width: 20px;
  height: 30px;
  background-color: transparent;
  z-index: 700;
  transform: rotate(180deg);
  }

.box {
position: fixed;
left: 253px;
top: 293px;
width: 250px;
height: 196px;
padding: 5px;
color: #666666;
font-family: verdana;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
border: 8px #783838 Solid;
background-color: #21100f;
opacity: 0;
font-variant: small-caps;
transition: all 1s ease-in-out;
z-index: 600;
}

.box:target {
top: 293px;
left: 253px;
opacity: 1;
transition: all 1s ease-in-out;
z-index: 900;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 20px;
height: 38px;
color: #1D1B26;
font-family: 'Abel', sans-serif;
margin: 5px;
background-color: #1D1B26;
text-align: center;
line-height: 10px;
font-size: 10px;
word-spacing: 1px;
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;
border-radius: 240px;
}

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

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

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

.guns {
height: 50px;
width: 50px;
margin-left: 4px;
border: #682C3B 2px solid;
opacity: 0.7;
}
</style>
<div id="name">The Moone Pokemon, Lunala</div>

<div id="navi">
<a class="nav" href="#one"></a>
<a class="nav" href="#two"></a>
<a class="nav" href="#three"></a>
<a class="nav" href="#four"></a>
<a class="nav" href="#five"></a>
</div>

<div id="moon"><div class="luna"><img src="http://i.picpar.com/qsec.png"></img></div></div>

<div id="line">」</div>

<div id="ooc">
  <h1>Out of Character</h1>
<big>Note</big>: You see this right here? Yes, this code. It is not to be touched by anyone other than Lunala. If you wish to get a code like this, leave <a href="/profile.php?user=Bee">Bee</a> a PM or RPCmail and from there, we can talk about commissioning you a profile just like this. - Bee <br>
<br><big>O1</big>. OOC here yo.
<br><big>O2</big>. OOC here yo.
<br><big>O3</big>. OOC here yo.
<br><big>O4</big>. OOC here yo.
<br><big>O5</big>. OOC here yo.
<br><big>O6</big>. OOC here yo.
<br><big>O7</big>. OOC here yo.
<br><big>O8</big>. OOC here yo.

</div>

<div id="poke">
  <h1>Gijinka Stats</h1>
<big>Name(s):</big> <font style=float:right>---</font>
<br><big>Sex:</big> <font style=float:right>Feminine</font>
<br><big>Age:</big> <font style=float:right>Adult</font>
<br><big>Height:</big> <font style=float:right>---</font>
<br><big>Orientation:</big> <font style=float:right>Heterosexual</font>
<br><big>Marital Status:</big> <font style=float:right>---</font>
<br><big>Hometown:</big> <font style=float:right>---</font>
<br><big>Hair Colour/Eye Hue:</big> <font style=float:right>---</font>

</div>
<div id="human">
  <h1>Pokemon Stats</h1>
<big>Name(s):</big> <font style=float:right>Lunala</font>
<br><big>Classification:</big> <font style=float:right>The Moone Pokemon</font>
<br><big>Type:</big> <font style=float:right>---</font>
<br><big>Height:</big> <font style=float:right>---</font>
<br><big>Hometown:</big> <font style=float:right>Alola Region</font>
</div>