Burned

<style type="text/css">

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

body { background-color: #1D1C1D; background-image: url(http://25.media.tumblr.com/tumblr_m37lmqN7UD1rsx5i6o1_250.png); background-attachment: fixed; background-position: center center; background-repeat: repeat; background-size: auto; }

 ::-webkit-scrollbar-track {background-color:#E2E2E2;}
::-webkit-scrollbar-thumb {background-color:#000; border:3px solid #E2E2E2;}
::-webkit-scrollbar {width:11px;height:5px;}

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


#through { position:fixed; left: 0%; bottom: 0%; height: 650px; width: 380px;}
#the { position: fixed; top: 33%; left: 35%; height: 350px; width: 400px; background-color: #F4F4F4; overflow: auto; z-index: 1; }
#fire { position:fixed; left: 36%; top: 35%; border: double 3px #fff; height: 90px; width: 90px; border: 6px solid #BEBEBE; z-index: 2;}
#and { position: fixed; top: 35%; left: 40%; height: 70px; width: 320px; background-color: #BEBEBE; overflow: auto; z-index: 1; }
#flames { position:fixed; top: 36%; left: 35%; height: 30px; width: 500px; text-align: left; font-family: 'Satisfy', cursive; text-shadow: 0 0 5px #151515; font-size:20px; color: #fff; z-index:999; text-align: center;}

.we { position: fixed; background-color: #E2E2E2; border:1px #E2E2E2 solid; overflow: auto; width: 272; height: 190; top: 53%; left: 36%; padding: 5px; text-align: justify; font-size: 11px; font-family: 'rationale', sans-serif; color: #000; line-height: 14px; z-index: 1;}

.abox {background-color:#E2E2E2; color: #000; font-size: 12px; font-family: 'rationale', sans-serif; text-align: justify; position: absolute; width:276; height:192; left: 281; top:354; letter-spacing: .3; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #E2E2E2;}

.navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Left: 56.5%; Top: 52.5%; padding: 4px; z-index: 100;}

.link1 {Position: absolute; Left: 10px; Border: solid 2px #E2E2E2; Height: 30px; Width: 80px; background-color: #E2E2E2;}

.link2 {Position: absolute; Left: 10px; Top: 46px; Border: solid 2px #E2E2E2; Height: 30px; Width: 80px; background-color: #E2E2E2;}

.link3 {Position: absolute; Left: 10px; Top: 87px; Border: solid 2px #E2E2E2; Height: 30px; Width: 80px; background-color: #E2E2E2;}

.link4 {Position: absolute; Left: 10px; Top: 128px; Border: solid 2px #E2E2E2; Height: 30px; Width: 80px; background-color: #E2E2E2;}

.link5 {Position: absolute; Left: 10px; Top: 170px; Border: solid 2px #E2E2E2; Height: 30px; Width: 80px; background-color: #E2E2E2;}

.link1:hover {Background-color: #BEBEBE; Border: solid 2px #BEBEBE; }
.link2:hover {Background-color: #BEBEBE; Border: solid 2px #BEBEBE; }
.link3:hover {Background-color: #BEBEBE; Border: solid 2px #BEBEBE; }
.link4:hover {Background-color: #BEBEBE; Border: solid 2px #BEBEBE; }
.link5:hover {Background-color: #BEBEBE; Border: solid 2px #BEBEBE; }

.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;}

h1 { Color: #BEBEBE; font-family: 'Damion', cursive; Border-left: 15px double #5c5d61; Border-right: 15px double #5c5d61; font-size:15px; text-align: center; Text-Shadow: #000 2px 1px 1px; Margin-top: 0px; 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="through"><img src="http://i.picpar.com/Cqcc.png" height="100%" width="100%"></div>
<div id="the"></div>
<div id="fire"><img src="http://i.picpar.com/escc.jpg" height="100%" width="100%"></div>
<div id="and"></div>
<div id="flames">Little boys that play with <font color="#BD0000">Fire</font><br> get their fingers <font color="black">burned</font>.</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 class="we">


</div>

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


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