Guardian

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');

body {background-color: #0D0D0D; 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 {width: 4px;}
::-webkit-scrollbar-thumb {background-color: #;}
::-webkit-scrollbar-track {background-color: #;}

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

b {color: #5b5a77; font-family: 'yanone kaffeesatz';}

#img {position: fixed; top: 250px; left: 350px; height: 200px; width: 200px; background-color: #0D0D0D; overflow: auto; z-index: 100; border: 2px solid #D26874; padding: 3px; border-radius: 50%;}

#quote { position:fixed; top: 250px; left: 575px; text-align: left; font-family: 'Great Vibes', cursive; text-shadow: -1px 0px 0px #D26874, 0px 1px 0px #D26874, 1px 0px 0px #D26874, 0px -1px 0px #D26874; font-size:30px; color: #f7cede; z-index:999; text-align: center;}

.box { position: fixed; background-color: #0D0D0D; border:2px #D26874 solid; overflow: auto; width: 370; height: 165; top: 280px; left: 480px; z-index: 1;}

.abox { background-color: #0D0D0D; color: #ACB1AC; font-size: 11px; font-family: 'yanone kaffeesatz', sans-serif; text-align: justify; position: absolute; width: 270; height: 140; left: 565; top:290; letter-spacing: .3px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #0D0D0D;}

.navbar {Background-color: transparent; Position: absolute; Left: 850px; top: 282px; padding: 4px; z-index: 1000; font-family: dosis; font-size: 10px; color: #8a8790; text-transform:uppercase;}

.link1 {Position: absolute; Left: 10px; Border: solid 2px #D26874; Height: 25px; Width: 10px; background-color: #252525; }

.link2 {Position: absolute; Left: 10px; Top: 36px; Border: solid 2px #D26874; Height: 25px; Width: 10px; background-color: #252525; }

.link3 {Position: absolute; Left: 10px; Top: 68px; Border: solid 2px #D26874; Height: 25px; Width: 10px; background-color: #252525; }

.link4 {Position: absolute; Left: 10px; Top: 100px; Border: solid 2px #D26874; Height: 25px; Width: 10px; background-color: #252525; }

.link5 {Position: absolute; Left: 10px; Top: 132px; Border: solid 2px #D26874; Height: 25px; Width: 10px; background-color: #252525; }

.link1:hover {Background-color: #252525;}
.link2:hover {Background-color: #252525;}
.link3:hover {Background-color: #252525;}
.link4:hover {Background-color: #252525;}
.link5:hover {Background-color: #252525;}

.slide {Position: fixed; Height: 555555; Width: 555555; Top: 0px; 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;}

h1 { Color: #B9B9B9; font-family: 'Great Vibes', cursive; Border-bottom: 1px solid #D26874; font-size:15px; text-align: center; Margin-top: 1px; letter-spacing: .3;}

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

</style>

<div id="img"><img src="http://i.picpar.com/JDmc.gif" style="border-radius: 100px;" height="100%" width="100%"></div>
<div id="quote">Head Tiger Guardian</div>
<div class="box"></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>

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

1

</div></div>

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

2

</div></div>

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

3

</div></div>

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

4

</div></div>

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

5

</div></div>

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