the whole thing

<style type="text/css">
.pfor {display: none;}

::-webkit-scrollbar {width: 3px;}

::-webkit-scrollbar-track-piece
{background-color: #000066;}

::-webkit-scrollbar-thumb:vertical
{width:3px; border:1px  #FFFF66;
background-color: #ffff66;}


body {background-color:#fff;
font-size:8px;
font-family:calibri;
color:#416600;
letter-spacing:1px;
background-image:url("https://38.media.tumblr.com/tumblr_m3w3sq722b1qg8i4wo1_500.png");
background-attachment:fixed;
background-repeat:no-repeat;
background-position: bottom;
background-position: right;}
#profile {background-color: transparent; border: 0px;}

#main {background:#E4FFB2;
width:450px;
padding:15px;
position:fixed;
text-align:left;
font-size:11px;
left:300px;
overflow:auto;
height:410px;
top:130px;
border-top-right-radius: 5px;
border-top-left-radius:5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius:5px;}

h1 {font-family: Century Gothic;
font-size:13px;
font-weight:normal;
text-align: center;
color:#416600;
background-color:#80CA00;
margin:1px;
letter-spacing:1px;
padding:0px;
line-height:16px;
width:450px;
border-bottom:1px solid;
border-top:none;
border-color:#416600;
}

h2 {font-family: Century Gothic;
font-size:13px;
font-weight:normal;
text-align:center;
color:#416600;
background-color:transparent;
margin:1px;
letter-spacing:1px;
padding:0px;
line-height:16px;
width:450px;
border-bottom:1px solid;
border-top:none;
border-color:#416600;
}

ol {
font-family: Century Gothic;
font-size: 11px;
color: #416600;
}

#navigations{
position:fixed;
left:158px;
top:130px;
padding-top: 2%;
padding-left:45px;
padding-right:45px;
}

a.nav:link, a.nav:active, a.nav:visited{
display: block;
float: left;
width: 60px;
height: 60px;
margin: 5px;
font-family: century gothic;
text-decoration: none;
font-size: 11px;
letter-spacing: -1px;
background-color: #416600;
color: #80CA00;
padding: 2px;
text-align: center!important;
       -moz-border-radius:100px;
       -webkit-border-radius:100px;
       border-radius:100px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;}

a.nav:hover{
background-color: #80CA00;
color: #416600;
text-decoration: none;}

a:link, a:active, a:visited{
color: #80CA00;
text-decoration: underline;
}

a:hover{
text-decoration: none;
color: #416600;
}

img{
-webkit-border-radius:5px;
-moz-border-radius:5px;
-webkit-transition:.4s;
}


#music-rounded {
     position:fixed;
     left:215px;
     top:490px;
     width:50px;
     height:50px;
     background-color:#80CA00;
     -moz-border-radius:100px;
     border-radius:100px;
     -webkit-border-radius:100px;
     opacity:1;
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     transition: all 0.4s ease;
}

#music-rounded img {
    margin-top:17px;
    margin-left:-2px;
}

#music-rounded:hover .music-player-embed {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin-top:-20px;
    opacity:1;
    background-color:#416600;
    color:#fff;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.music-border {
       position:absolute;
       margin-top:-42px;
       margin-left:-15px;
       border:10px solid #416600;
       width:60px;
       height:59px;
       background-color:none;
       -moz-border-radius:100px;
       -webkit-border-radius:100px;
       border-radius:100px;
       -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
       transition: all 0.4s ease;
}

.music-border:hover {
       margin-top:-48px;
       margin-left:-20px;
       border:15px solid rgba(0, 0, 0, 0.4);
       -webkit-transition: all 0.7s ease;
       -moz-transition: all 0.7s ease;
       transition: all 0.7s ease;
       -webkit-transform:rotateY(360deg);
       -moz-transform:rotateY(360deg);
       -o-transform: rotateY(360deg);
}

.music-player-embed {
   font-family:Consolas;
   font-size:11px;
   position:absolute;
   min-width:115px;
   background-color:#FFF;
   padding:9px;
   margin-left:90px;
   margin-top:0px;
   overflow:hidden;
   opacity:0;
   -webkit-transition: all 0.7s ease;
   -moz-transition: all 0.7s ease;
   transition: all 0.7s ease;
}
</style>

<div id="navigations">
<a href="#01" class="nav">About</a><br>
  <br>
<a href="#02" class="nav">History</a><br>
  <br>
<a href="#03" class="nav">People</a><br>
  <br>
<a href="#04" class="nav">OOC</a><br>
</div>

<div id="main">
<div style="width: 450px; height: 410px; overflow-y: hidden;">
<a name="01"></a>
<div style="height: 410px; overflow-x: hidden;" align="left">
<h1> - [ About Me ] -  </h1>
<table style="width: 100%; border: 0; cellspacing: 0; font-size: 8px; font-family: ms gothic;  color: #444444;">
<tr><td><p style="text-align: left; font-size: 10px;"><b>Name:</b><font face="century gothic"> ♌epeta Leijon</font></p></td>
<td><p style="text-align: left; font-size: 10px;"><b>Birthday:</b> <font face="century gothic">July 24th</font></p></td></tr>
<tr><td><p style="text-align: left; font-size: 10px;"><b>Age:</b> <font face="century gothic">19</font></p></td>
<td><p style="text-align: left; font-size: 10px;"><b>Horoscope:</b> <font face="century gothic">Leo</font></p></td></tr>
<tr><td><p style="text-align: left; font-size: 10px;"><b>Gender:</b> <font face="century gothic">Female</font></p></td>
<td><p style="text-align: left; font-size: 10px;"><b>Chum handle:</b> <font face="century gothic">arsenicCatnip</font></p></td></tr>
<tr><td><p style="text-align: left; font-size: 10px;"><b>Hair Color:</b> <font face="century gothic"><span title="Red is the natural color, she typically dyes it black, but has decided to let it grow out in its natural color.">Red*</span></font></p></td>
<td><p style="text-align: left; font-size: 10px;"><b>Residence:</b> <font face="century gothic">Gamzee's place</font></p></td></tr>
<tr><td><p style="text-align: left; font-size: 10px;"><b>Eye Hue:</b> <font face="century gothic">Olive/Hazel</font></p></td>
<td><p style="text-align: left; font-size: 10px;"><b>Strife Specibi:</b> <font face="century gothic">Clawkind</font></p></td></tr>
<tr><td><p style="text-align: left; font-size: 10px;"><b>Height:</b> <font face="century gothic">4'11"</font></p></td>
<td><p style="text-align: left; font-size: 10px;"><b>Hobbies:</b> <font face="century gothic">Shipping, roleplaying</font></p></td></tr>
<tr><td><p style="text-align: left; font-size: 10px;"><b>Weight:</b> <font face="century gothic">103lb.</font></p></td>
<td><p style="text-align: left; font-size: 10px;"><b>Sexual Orientation</b> <font face="century gothic">Omni</font></p></td></tr>
<tr><td><p style="text-align: left; font-size: 10px;"><b>Mental Status:</b> <font face="century gothic">Broken</font></p></td>
<td><p style="text-align: left; font-size: 10px;"><b>Quadrants:</b> <font face="century gothic"> ??? </p></td></tr>
<tr><td><p style="text-align: left; font-size: 10px;"><b>Phys. Status:</b> <font face="century gothic"><span title="Intermittent based on tail position">Paralysis*</span></font></p></td>
<td><p style="text-align: left; font-size: 10px;"><b>Triggers:</b> <font face="century gothic"> <span title="Will be met with violence">Rape*</span>, Lies</p></td></tr>
</table>
<h2></h2>
<br><br>
Nepeta is a kind, sweet, caring young woman. Despite her short stature, she has a big heart. <span title="Kankri">Many*</span> have said she sticks her nose into other people's business, and gets involved way too much, when she clearly should not. Of course, this has caused many problems in her life, and landed her in the hospital more than she can count. Still, her friends are the most important to her, and she would gladly defend them time and time again, no matter how many times she may get her butt kicked.<br>
<br><center><font color="#416600" face="Times New Roman" size="5"><i><b>"As long as you're happy, then I am too..."</i></b></font></center></div>

<div style="width: 450px; height: 410px; overflow-y: hidden;">
<a name="02"></a>
<div style="height: 410px; overflow-x: hidden;" align="left">
<h1> - [ History ] -  </h1>
<font color="#416600"><center>History</center><br>
<strike>:xx < so i visited karkitty to confess, but gamz33 said he was with him</strike><br>
:cc < gamz33 went ofur to karkittys house to finally tail him how i felt but he wasnt there... so when i showed up he decided he wanted to have some "fun" and told me that he and karkitty were togefur...as in dating! i was so furry, furry sad... :cc<br>
:cc < i was really mad at equius one day beclaws of something... i dont purrticularly remempurr... i think it was beclaws of something involving aradia... he hugged me but hugged a little bit too tight and now i have a tail! :33 <br>
:xx < gamz33 kissed me while we were hanging out... i got some confursing f33lings<br>
<strike>:xx < i kissed karkitty and confessed but he said he was with gamz33...</strike><br>
|cc < kissing karkitty and confessing to him was a hallucination... but that means that my rejection was also a hallucination<br>
:cc < i told gamz33...  he basically tried to kill me... but beclaws it wasnt beclaws i "kissed" karkitty, it was beclaws he was compurrletely unstable... i didnt have my strife specibi to defend myself with and got sent to the hospitail<br>
:cc < <strike>gamz33 threatened karkitty</strike>  i attacked him to defend the hallucination... gamz33 basically tried to kill me again |cc i went back to the hospitail but so did he >:cc<br>
<strike>:cc < karkitty said he hated me and didnt want to be furiends anymeow</strike><br>
:33 < karkitty is still furiends with me! he nefur said he hated me that was all a hallucination<br>
|cc < i started having nightmares...bad ones about gamz33 coming into my home with equius and trying to kill me...<br>
:33 < i started dating equius! i was sooo happy!! <3 <> <3 <><br>
<strike>:xx < karkitty wanted to have sex</strike><br>
:ss < i talked to kurloz today... he said that his little brofur has b33n using "chucklevoodoo" on me... :xx but he told me not to tail anyone so my lips are sealed! ...but what even is that? :cc <br>
:33 < gamz33 stopped hating me! he gave me his voodoo doll as a peace offurring! but im still going to be cautious around him... :xx <br>
<strike>:cc < he convinced me to despite him being with gamz33 and me being with equius... and he wanted to get me pregnant and said if i lied to him about being pregnant he would be supurr mad...</strike><br>
<strike>:cc < he made me take a pregnancy test... i did and lied to him about it... he begged and furced me to take one with him right there in the same room... |cc it was humiliating... he couldnt read it so i lied and told him it was negative</strike><br>
|cc < i told equius what happened... he said we should break up and that getting togefur was a bad idea fur our meowrailship... so we broke up... <br>
<strike>:cc < so i ran away to tz took me to the hospitail to get an abortion</strike><br>
|cc < all of that was fake... all of it was a hallucination... i dont meow what really happened but it was all fake...<br>
|cc < i ran away to the furest... beclaws i truly believed that gamz33 would kill me if he found out what i did with karkitty... <br>
:cc < gamz33 found me and offurred fur us to go back to his house to talk <br>
|xx < things happened <br>
|cc < we didnt tail karkitty...but it didnt matter beclaws he wasnt really with karkitty to begin with! <br>
<strike>:ss < karkitty told gamz33 he had sex with me and you two broke up</strike> <br>
|cc < gamz33 and karkitty nefur were togefur to begin with...<br>
:xx < i started living with gamz33... he made me f33l safe when equius wasnt around... and he told me that i help k33p him sane too and k33p him furom doing stupid things like strifing with people<br>
:33 < gamz33 and i got togefur<br>
:33 < i had gamz33 and equius m33t up and make peace! <br>
:cc < nathan got kidnapped... i asked gamz33 if he would ask his dad fur money to pay fur the ransom... |cc
>:cc < i found out who kidnapped nathan! it was caliborn! im going to kill him!! he broke our agr33ment to not hurt anyone i care about!!! <br>
|cc < we got nathan back...but he was a butthead and wouldnt listen to me about being more carefur...<br>
>:cc < i met my mom when i went to visit nathan in the hospitail... she tried to hug me!! can you believe that!! afpurr she abandoned us in the woods |cc how could she just show up and purretend that efurrything is okay?? <br>
>:cc < i beat up caliborn! equius came to help!<br>
|cc < i woke up in equius' house... i dont really remempurr that fight with caliborn but i havent s33n him around since so i suppaws he got scared off! <br>
|cc < i stayed at equius' house until i was better... and then i went ofur to gamz33s house with my brofur and gamz33 came home drunk :ss i wish i couldve been around more to k33p him from using all of that stuff so often... :cc but i suppaws he does n33d it...<br>
<33 < gamz33 said that he loved me and nefur wanted me to leave him<br>
|cc < i was going to hang out with tz...and i found out that he wasnt real! which means only one thing... gamz33 has b33n lying to me...<br>
|cc < we talked... a lot... <br>
</font>
</div>

<div style="width: 450px; height: 410px; overflow-y: hidden;">
<a name="03"></a>
<div style="height: 410px; overflow-x: hidden;" align="left">
<h1> - [ Acquaintances ] - </h1>
<a href="" target="blank"><img src="" width="90"></a> - Link<br>
<a href="" target="blank"><img src="" width="90"></a> - Link</a><br>
<a href="" target="blank"><img src="" width="90"></a> - Link</a><br>
<a href="" target="blank"><img src="" width="90"></a> - Link</a>
</div>

<div style="width: 450px; height: 410px; overflow-y: hidden;">
<a name="04"></a>
<div style="height: 410px; overflow-x: hidden;" align="left">
<h1> - [ Out of Character ] -  </h1>
<font color="#999999">

<ol>
<li>OOC =/= IC -- I cannot stress this enough. I may be attached to my characters, but I LOVE IC drama. If you don't want something to happen, or DO want something to happen, PM me and we can work something out! :33 </li>
<li>I am a room admin for the Humanstuck room, and have no ties to the Homestuck room. If you have questions, comments, concerns, or complaints, feel free to PM me personally!</li>
<li>I'll play Nepeta how I see fit. If you have suggestions, feel free to PM me directly.</li>
<li>Clearly PM friendly</li>
<li>Non-canon RP -- No thank you.</li>
<li>Smut -- No thank you. This goes on a by-story basis.</li>
<li>Strife -- Nepeta is very quick to act, so yes, there will be strifes.</li>
</ol>
</font>
</div>

</div>

<div id="music-rounded">
   <center><img src="http://media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"></center>
       <div class="music-border"></div>
           <div class="music-player-embed"><center>
<a href="" target="blank">Music Link</a><br>
<a href="" target="blank">Music Link</a><br>
<a href="" target="blank">Music Link</a><br>
<a href="" target="blank">Music Link</a></center>
       </div>
   </div>