New code

<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Pacifico);

.pfor {display: none;}
#profile {background-color: transparent; border: 0px;}
::-webkit-scrollbar-thumb:vertical {background: transparent; border: 1px solid #000; border-radius: 90px; height: 100px;}
::-webkit-scrollbar-thumb:horizontal {background-color: #000000; width: 5px; height: 100px !important;}
::-webkit-scrollbar {height: 1px; width: 5px; background-color: #fff;}

body {background-image: url(http://i.picpar.com/1njd.jpg); background-color: white; cursor: default;}



.center { font-size: 10px; Font-Color: #0f0f0f;Border: 7px solid #9ed2ff; background-image: url(http://i.picpar.com/5njd.jpg); background-size: 100% 100%; text-align: left; height: 36%; width: 30%; overflow: hidden; Position: fixed; left: 35%; top: 30%; margin-top: -10px; overflow: auto; z-index: 20;}

.center:hover {background-image: url(http://i.picpar.com/2njd.jpg); background-size: 100% 100%; }


#Center { font-size: 10px; Font-Color: #FFFFFF; Border: 7px solid #9ed2ff; background-color: #fff; background-size: 100% 100%; text-align: left; height: 36%; width: 30%; overflow: hidden; Position: fixed; left: 35%; top: 30%; -webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in; margin-top: -10px; overflow: auto; Opacity: 0; z-index: 20;}

.center:hover #center { Color: #000000; Opacity: 0.7;}

.words {position: absolute; top: 35%; left: 30%; text-align: Right; background: Transparent; font-family: 'Pacifico', cursive; Font-size: 14; Color: #9ed2ff; Padding: 3%; overflow: hidden; z-index: 2;}
.nav1 {position: absolute; top: 34%; left: 33%; width: 15px; height: 15px; background: #9ed2ff; border-radius: 250px;}

.nav1:hover {background: #fff; }

.nav2 {position: absolute; top: 37%; left: 33%; width: 15px; height: 15px; background: #9ed2ff; border-radius: 250px;}

.nav2:hover {background: #fff; }

.nav3 {position: absolute; top: 37%; left: 33%; width: 15px; height: 15px; background: #9ed2ff; border-radius: 250px;}

.nav3:hover {background: #fff; }




.nav4 {position: absolute; top: 40%; left: 33%; width: 15px; height: 15px; background: #9ed2ff; border-radius: 250px;}

.nav4:hover {background: #fff; }


.nav4 {position: absolute; top: 40%; left: 33%; width: 15px; height: 15px; background: #9ed2ff; border-radius: 250px;}

.nav4:hover {background: #fff; }

a {text-decoration: none;}
	a {color: #3399FF;

	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;}

	a:hover {color: #8C7E6C;

	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;}



	h1 {
	font: normal 12px 'lucida console';
	color: #6D7B8D;
	border-bottom: 1px solid #3399FF;
	text-shadow: 0px 0px 3px #3399FF;
	filter: dropshadow(color=#3399FF, offx=0, offy=0);
	opacity: 0.9; }

B{
 font-variant: all-caps;
	font-size: 10px;
	color: #3399FF;
	letter-spacing: 1px;}

I{
 font-decoration: none;
	font-size: 9px;
	color: #000;
text-shadow: 0px 0px 3px #3399FF;
	}


#splashart {
 z-index: 0;
 position: fixed;
 left: 15px;
 bottom: 0px;}

#splashart img {
 width: 320;}

#splashart2 {
 z-index: 0;
 position: fixed;
 right: 15px;
 bottom: 0px;}

#splashart img {
 width: 320;}


#textbox {
position:fixed;
height:100px;
width:50%;
background-color:gray;
}
.tab {
z-index:1;
position:absolute;
top:50%;
left:50px;
height:250px;
width:30%;
background-color:light blue;
opacity:0;
transition:1s;
}
.tab:target {
z-index:2;
opacity:1;
}
#nav {
position:absolute;
top:;
left:;
height:;
width:;
}
#nav a {
color:;
}
.left:hover #leftcenter { Color: #000000; Opacity: 0.7;}

.words {position: absolute; top: 62%; left: 44%;   text-align: Right; background: Transparent; font-family: 'Kaushan Script', cursive; Font-size: 22;  Color: #C20000; Padding: 3%; overflow: hidden; z-index: 2;}

.nav1 {position: absolute; top: 32%; left: 33%; width: 15px; height: 15px; background: #9ed2ff; border-radius: 250px;}

.nav1:hover {background: #fff; }
a {text-decoration: none;}
    a {color: #3399FF;

    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;}

    a:hover {color: #8C7E6C;

    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;}



    h1 {
    font: normal 12px 'lucida console';
    color: #6D7B8D;
    border-bottom: 1px solid #3399FF;
    text-shadow: 0px 0px 3px #3399FF;
    filter: dropshadow(color=#3399FF, offx=0, offy=0);
    opacity: 0.9; }

B{
        font-variant: all-caps;
    font-size: 10px;
    color: #3399FF;
    letter-spacing: 1px;}

I{
        font-decoration: none;
    font-size: 9px;
    color: #000;
text-shadow: 0px 0px 3px #3399FF;
    }

</style>
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">


<div class="words">You love me just to break me. </div>
</style>

<a href="#1" class="nav1" Title="Basics"> </a>
<a href="#2" class="nav2" Title="History"> </a>
<a href="#4" class="nav4" Title="OOC"> </a>
<div id="splashart"><img src="http://i.picpar.com/0njd.png">

<div id="splashart2"><img src="http://i.picpar.com/znjd.jpg">



</style>

<div class="Center">
<div id="center">

<div style="height: 100%; width: 100%; overflow-y: hidden;">


	<a name="1"></a>
	<div style="height: 100%; width: 100%; overflow: auto;" align="center">
<h1>Basics</h1>
<b>Name:</b> Alayna Brooks <br><br>
<b> Alias:</b> Kitty Puss <br><br>
 <b>Age:</b> 24 <br><br>
 <b>Race:</b> Neko/Witch (hybrid) <br><br>
 <b>Sexuality:</b> Straight <br><br>
 <b>Status:</b> Single <br><br>
 <b>Likes:</b> Ask, too many to list. <br><br>
 <b>Dislikes:</b> Vore, Rape/Force, Incest, Anal, ECT.<br><br>
</div>

<a name="2"></a>
	<div style="height: 100%; width: 100%; overflow: auto;" align="left">
<a href="" Target="_blank"><i>History: Will tell another time </i></a>
</div>


<a name="4"></a>
	<div style="height: 100%; width: 100%; overflow: auto;" align="center">
<a href="" Target="_blank"><i>OOC: Pm friendly. Don't start with a post please talk to me about it first. No drama. IC is IC. OOC is OOC. Keep them sepreate please. Dont ask for my ooc info unless I get to know you or I have known you for a while. Also this is MY CODE no stealing, otherwise you will know the wrath of me. </i></a>
</div>
</div>
</div>
</div>

<div class="bar"></div>