cαρтαιη ℓεvι

<style type="text/css">

@import 'https://fonts.googleapis.com/css?family=Satisfy|Yellowtail';
@import url(https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic|Rationale);

body { background-color: #1D1C1D; background-image: url(); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: auto; }

 ::-webkit-scrollbar-track {background-color:#fff;}
::-webkit-scrollbar-thumb {background-color:#000; border:3px solid #fff;}
::-webkit-scrollbar {width:2px;height:0px;}

a {color: #fff; 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;}

#bar { position: fixed; top: 43%; left: 0%; height: 20px; width: 1400px; background-color: #151515; overflow: auto; z-index: -3; }

#bar2 { position: fixed; top: 47.5%; left: 0%; height: 10px; width: 1400px; background-color: #361C1A; overflow: auto; z-index: -3; }

#bar3 { position: fixed; top: 82%; left: 0%; height: 17px; width: 1400px; background-color: #151515; overflow: auto; z-index: -3; }

#boxbar { position: fixed; top: 51%; left: 0%; height: 200px; width: 1400px; background-color: #151515; overflow: auto; z-index: -3; }

#levi {width:100px; height:100px; margin: 335px 0 0 870px; background:#361c1a; border:5px solid #361c1a; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); overflow:hidden;}

#levi img { width:150px; height:150px; margin:-25px 0 0 -30px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}

#gallery1 { position:fixed; left:75%; top:60%; border: solid 3px #361c1a; border-radius:50%;}
#gallery2 { position:fixed; left:80%; top:60%; border: solid 3px #361c1a; border-radius:50%;}
#gallery3 { position:fixed; left:85%; top:60%; border: solid 3px #361c1a; border-radius:50%;}
#gallery4 { position:fixed; left:90%; top:60%; border: solid 3px #361c1a; border-radius:50%;}
#gallery5 { position:fixed; left:77.5%; top:70%; border: solid 3px #361c1a; border-radius:50%;}
#gallery6 { position:fixed; left:82.5%; top:70%; border: solid 3px #361c1a; border-radius:50%;}
#gallery7 { position:fixed; left:87.5%; top:70%; border: solid 3px #361c1a; border-radius:50%;}

.abox {background-color:#151515; color: #fff; font-size: 12px; font-family: 'rationale', sans-serif; text-align: justify; position: absolute; width:455; height:163; left: 0; top:360; letter-spacing: .3; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #151515;}

.navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Left: 62.25%; top: 69%; padding: 4px; z-index: 100; font-family: 'Yellowtail', cursive; Font-size: 12px; text-align: center; letter-spacing: .5px;}

.link1 {Position: absolute; Left: 10px; Border: solid 1px #361c1a; Height: 15px; Width: 63px; background-color: #151515;}

.link2 {Position: absolute; Left: 90.3px; Border: solid 1px #361c1a; Height: 15px; Width: 63px; background-color: #151515;}

.link3 {Position: absolute; Left: 10px; Top: 26px; Border: solid 1px #361c1a; Height: 15px; Width: 63px; background-color: #151515;}

.link4 {Position: absolute; Left: 90.3px; Top: 26px; Border: solid 1px #361c1a; Height: 15px; Width: 63px; background-color: #151515;}

.link5 {Position: absolute; Left: 10px; Top: 48px; Border: solid 1px #361c1a; Height: 15px; Width: 143px; background-color: #151515;}

.link1:hover {Border: solid 1px #151515;}
.link2:hover {Border: solid 1px #151515;}
.link3:hover {Border: solid 1px #151515;}
.link4:hover {Border: solid 1px #151515;}
.link5:hover {Border: solid 1px #151515;}

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

.slide:target {Left: 210; Opacity: 1; Z-index: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}

#title{ position:fixed; top: 50%; left: 77%; height: 30px; width: 500px; text-align: left; font-family: 'Yellowtail', cursive; text-shadow: 0 0 5px #151515; font-size:45px; color: #361c1a; z-index:999; }

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

<div id="title">Captain Levi</div>

<div id="gallery1"><img src="http://i.picpar.com/jhZb.gif" class="image" height="60px;" width="60px;" style="border-radius:50%"></div>
<div id="gallery2"><img src="http://i.picpar.com/lhZb.gif" class="image" height="60px;" width="60px;" style="border-radius:50%"></div>
<div id="gallery3"><img src="http://i.picpar.com/uhZb.gif" class="image" height="60px;" width="60px;" style="border-radius:50%"></div>
<div id="gallery4"><img src="http://i.picpar.com/rhZb.gif" class="image" height="60px;" width="60px;" style="border-radius:50%"></div>
<div id="gallery5"><img src="http://i.picpar.com/khZb.jpg" class="image" height="60px;" width="60px;" style="border-radius:50%"></div>
<div id="gallery6"><img src="http://i.picpar.com/mhZb.jpg" class="image" height="60px;" width="60px;" style="border-radius:50%"></div>
<div id="gallery7"><img src="http://i.picpar.com/qhZb.jpg" class="image" height="60px;" width="60px;" style="border-radius:50%"></div>

<div id="bar"></div>
<div id="bar2"></div>
<div id="boxbar"></div>
<div id="bar3"></div>

<div id="levi"><img src="http://65.media.tumblr.com/eb8418e3771344bef20ea5bcccf30bb9/tumblr_neuzmq80xJ1tmlmc9o1_1280.jpg"></div>

<div class="navbar">
<a class="link1" href="#1"><font color="white">Dossier</font></a>
<a class="link2" href="#2"><font color="white">History</font></a>
<a class="link3" href="#3"><font color="white">Friends</font></a>
<a class="link4" href="#4"><font color="white">OOC</font></a>
<a class="link5" href="#5"><font color="white">Reset</font></a>
</div></div>

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

Sie sind das Essen und wir sind die Jäger!

Our names won't be remembered
If we die like trampled flowers
I refuse to be forgotten
Written off as less than worthless
Scream and cry
But none will hear you
Plead and beg
But none will help you
You no longer live as cattle
Will you rise and join the battle?<br><br>

There are beings that live off of fears
And their words are like knives
As they play with our lives
They'll try to control you
As if they own you
Will you let them steal your freedom?

Channel the anger swelling inside you
Fighting the boundary 'till you break through
Deep in your soul there's no hesitation
So make yourself the one they all fear.<br><br>

There is a wild fire inside you
Burning desire you can't extinguish
Your crimson arrow
Rips through the twilight
This is the moment for war

</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>