— Kit Kat.

<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://media.tumblr.com/4f3cbb1b66a76a19a9794a162373abc5/tumblr_inline_mns3smYCcI1qz4rgp.png');
background-attachment: fixed;
background-position: fixed;
background-repeat: repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth648.cur'), default;
}

b{color: #CCE0FF; font-size: 15px; font-weight: light; letter-spacing: -1px; word-spacing: 6px; font-family:romans; text-transform: normal; font-weight: normal; text-align: center; Text-shadow: #CCE0FF 0px 0px 2px;}
u{color: #F6358A; font-size: 15px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal;font-weight: normal;text-align: center; Text-shadow: #000 0px 0px 1px;border-bottom: 1px dotted #F6358A;}
i{color: #999; font-size: 15px; font-weight: light; letter-spacing: -1px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; Text-shadow: #fff 0px 0px 1px;}
strike{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: #CCE0FF; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #DED6AA 0px 0px 1px;}

::-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 {z-index:-20;
color: #CCE0FF;
height:20px;
width:%100px;
font-size: 10px;
line-height: 40px;
font-weight: normal;
letter-spacing:3px;
font-family: terminal;
text-transform: uppercase;
text-shadow: #F1E2F5 0px 0px 2px;
text-align: left;
margin-top: 0px;}

#no{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}

#container{
position: fixed;
left: 380px;
top: 50px;
width: 600px;
height: 600px;
background-color: #212121;
overflow: auto;
border: 1px Solid #666666;
z-index: 50;
-webkit-border-radius: 50px 50px 10px 10px;
border-radius: 50px 50px 10px 10px;
}

.name{
position: absolute;
margin-left: 0px;
margin-top: 0px;
width: 600px;
height: 41px;
color: #CCE0FF;
text-align: center;
background-color: transparent;
overflow: hidden;
border-bottom: 1px Solid #444444;
font-style: normal;
font-variant: small-caps;
font-face: verdana;
font-size: 40px;
letter-spacing: 1px;
z-index: 50;
}

.bla{
position: absolute;
margin-left: 0px;
margin-top: 45px;
width: 600px;
height: 15px;
color: #CCE0FF;
text-align: center;
background-color: transparent;
overflow: hidden;
border-bottom: 2px Solid #212121;
font-style: normal;
font-variant: small-caps;
font-face: verdana;
font-size: 10px;
letter-spacing: 1px;
z-index: 50;
}

.image{
position: absolute;
margin-left: 0px;
margin-top: 60px;
background: url('http://d.facdn.net/art/daggerleonelli/1299396682.daggerleonelli_2011-3-6-2.png');
width: 600px;
height: 200px;
background-size: 600px 200px;
}

.navi {
position: absolute;
margin-left: 0px;
margin-top: 260px;
width: 600px;
height: 26px;
background-color: #666666;
overflow: auto;
z-index: 999999;
}

.info{
position: absolute;
margin-top: 0px;
margin-left: 0px;
width: 595px;
height: 310px;
background-color: transparent;
color: #444444;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
z-index: 200;
opacity: 1;
}

.info:first-letter {
float: left;
display: inline-block;
font-family: adore;
font-size: 30px;
text-transform:uppercase;
color: #FFFFFF;
background-color: #CCE0FF;
padding: 22px;
margin-right: 5px;
border: 3px double #FFFFFF;
}

.box {
position: fixed;
left: 380px;
top: -1000px;
width: 400px;
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: 90;
}

.box:target {
top: 335px;
left: 380px;
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: 90;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
margin-top: 3px;
text-transform: normal;
display: inline-block;
font-family: verdana;
font-variant: small-caps;
font-size: 10px;
width: 90.6px;
height: 15px;
color: #CCE0FF;
background-color: #212121;
text-align: center;
line-height: 14px;
border: 3px solid transparent;
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;
}

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

a {
color: #CCE0FF;
text-decoration: none;
}

a:hover {
color: transparent;
text-decoration: none;
cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
}

</style>

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

<div id="container">

<div class="name">Last name, Katarina</div>
<div class="bla"><marquee behavior="scroll" direction="left" scrollamount="2">Just close your tired eyes and fall into an never-ending bliss. The next time your eyes open, a new day has begun, smile and treat it like it's your last!</marquee>
</div>

<div class="image"></div>


<div class="navi">
<a class="nav" href="#ooc">OOC</a>
<a class="nav" href="#stats">C.Stats</a>
<a class="nav" href="#persona">Persona</a>
<a class="nav" href="#friends">Friends</a>
<a class="nav" href="#history">History</a>
<a class="nav" href="#notes">C.Notes</a>
</div>

</div>

<div id="ooc" class="box">
<div class="info">
<h1>Out of Character; work in progress</h1>
<big>1.</big> ---<br>
<big>2.</big> ---<br>
<big>3.</big> ---<br>
<big>4.</big> ---<br>
<big>5.</big> ---<br>
<big>6.</big> ---<br>
<big>7.</big> ---<br>
<big>8.</big> ---<br>
<big>9.</big> ---<br>
<big>10.</big> ---<br>
<h1>Contact;</h1>
<center><big>☑</big>Skype</center><br>
<h1>Alternates;</h1>
<center><big>Soon</big> - <big>Soon</big> - <big>Soon</big> - <big>Soon</big> - <big>Soon</big>
<h1>Credit;</h1>
<center>Character Images & Graphics are not mine ; Stylesheet & Coding © <big>- DevilRose</big> <br> - DevilRose is mine, so you cannot take. If you want a layout, 10$ per layout. </center>
</div></div>

<div id="stats" class="box">
<div class="info">
Working on it.
</div></div>

<div id="persona" class="box">
<div class="info">
Working on it.
</div></div>

<div id="friends" class="box">
<div class="info">
Working on it.
</div></div>

<div id="history" class="box">
<div class="info">
Working on it.
</div></div>

<div id="notes" class="box">
<div class="info">
Working on it.
</div></div>