ωιℓ∂ σиє

<style type="text/css">

 @import url(https://fonts.googleapis.com/css?family=Rajdhani:600);
 @import url(https://fonts.googleapis.com/css?family=Yesteryear);

body {

background-color: #9A938F;
background-image: url();
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: auto;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}

::-webkit-scrollbar-track {background-color:#DFDFDF;}
::-webkit-scrollbar-thumb {background-color:#000;}
::-webkit-scrollbar {width:2px;height:5px;}

a {color: #8C0E30; text-decoration: none; }

a:hover {color: black; text-decoration: none;
cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}

#moonlight { position:fixed; left: 30%; top: 35%; border: #C3BAB5 solid 10px; height: 130px; width: 130px;}
#dancing { position:fixed; left: 57.5%; top: 35%; border: #C3BAB5 solid 10px; height: 130px; width: 130px;}

.abox {background-color:#B6AEA9; color: #4a4142; font-size: 12px; font-family: 'Rajdhani', sans-serif; text-align: justify; position: absolute; width:499; height:175; left: 409; top: 405; letter-spacing:.2px; line-height: 13px; padding: 3px; margin: 1px; overflow:auto; border: 10px solid #C3BAB5;}

.navbar { Position: absolute; Height: 13px; Width: 242px; Left: 41%; Top: 54%; padding: 4px; z-index: 100;}

.link1 {Position: absolute; Left: 20px;  Border: solid 3px #C3BAB5;  Height: 12px; Width: 23px;  Background: #B6AEA9; margin: 0 2px 0 0;}

.link2 {Position: absolute; Left: 60px;  Border: solid 3px #C3BAB5;  Height: 12px; Width: 23px;  Background: #B6AEA9; margin: 0 2px 0 0;}

.link3 {Position: absolute; Left: 100px;  Border: solid 3px #C3BAB5;  Height: 12px; Width: 23px; Background: #B6AEA9; margin: 0 2px 0 0;}

.link4 {Position: absolute; Left: 140px;  Border: solid 3px #C3BAB5;  Height: 12px; Width: 23px; Background: #B6AEA9; margin: 0 2px 0 0;}

.link5 {Position: absolute; Left: 180px;  Border: solid 3px #C3BAB5;  Height: 12px; Width: 23px; Background: #B6AEA9; margin: 0 2px 0 0;}

.link1:hover {Background: #C3BAB5; Border: solid 3px #B6AEA9; 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;}
.link2:hover {Background: #C3BAB5; Border: solid 3px #B6AEA9; 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;}
.link3:hover {Background: #C3BAB5; Border: solid 3px #B6AEA9; 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;}
.link4:hover {Background: #C3BAB5; Border: solid 3px #B6AEA9; 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;}
.link5:hover {Background: #C3BAB5; Border: solid 3px #B6AEA9; 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;}

.slide {Position: fixed; Height: 555555; Width: 555555; Top: -100px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.slide:target {Top: 0; Opacity: 1; Z-index: 1;  transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

#title{ position:fixed; top: 48.5%; left: 44%; text-align: left; font-family: 'Yesteryear', cursive; text-shadow: 0 0 5px #000; font-size:30px; color: #B6AEA9; z-index:999; }

.curses { position: fixed; background-color: #B6AEA9; border: 10px #C3BAB5 solid;  width: 163; height: 65; top: 35%; left: 42.4%; padding: 3px; text-align: justify; font-size: 11px;  font-family: 'Rajdhani', sans-serif; color: #4a4142; line-height: 13px;}

h2 { position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #fff;}
</style>

<div id="moonlight"><img src="PICTURE" height="100%" width="100%"></div>

<div id="title">Smol title.</div>

<div id="dancing"><img src="CHANGE THIS PICTURE TO SOMETHING ELSE" height="100%" width="100%"></div>

<div class="navbar">
<a class="link1" href="#1"></a>
<a class="link2" href="#2"></a>
<a class="link3" href="#3"></a>
<a class="link4" href="#4"></a>
<a class="link5" href="#5"></a>
</div>

<div class="curses">

<center>Put some sort of quote here, just don't make it too long because i took off the scroll bar so that it looks at least a little bit better. Don't make the quote any longer.</center>

</div>


<div id="1" class="slide">
<div class="abox">

INFO

</div></div>

<div id="2" class="slide">
<div class="abox">

</div></div>

<div id="3" class="slide">
<div class="abox">

</div></div>

<div id="4" class="slide">
<div class="abox">

</div></div>

<h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank">A Bad Bitch</a></h2>