Why does the caged bird sing?

<style type="text/css">

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

body {

background-color: #EAE7ED;
background-image: url(http://i.picpar.com/w99.png);
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: 2px;
 height: 0px;
 background:;
 }

 ::-webkit-scrollbar-thumb {
 background-color: white;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 }

a {color: #4CBAA2; text-decoration: none; }

a:hover {color: white; 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;}

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

.navbar {Background-color: white; Position: absolute; Height: 25px; Width: 592.2px; Left: 27%; Top: 70%; padding: 4px; z-index: 100; font-family:'rationale', sans-serif; text-transform:uppercase; Font-size: 12px; text-align: center; letter-spacing: .5px; border: 1px solid black;}

.link1 {Position: absolute; Left: 60px; Top: 10px; background-color: #fff; }

.link2 {Position: absolute; Left: 160px; Top: 10px; background-color: #fff; }

.link3 {Position: absolute; Left: 260px; Top: 10px; background-color: #fff; }

.link4 {Position: absolute; Left: 360px; Top: 10px; background-color: #fff; }

.link5 {Position: absolute; Left: 500px; Top: 10px; background-color: #fff; }

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

.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 {Top: 0; Opacity: .8; Z-index: 1; transition: 2s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}

#moonlight { position:fixed; left: 27%; top: 26%; border: #000 solid 1px; height: 300px; width: 600px; }

.Quote { position: fixed; top: 20%; left: 38%; color: #ffffff; font-size: 25px; line-height: 50px; font-family: 'Mr Dafoe', cursive; letter-spacing: .5;}

.circle{ border-radius:150px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; }

.circle:hover{ border-radius:0px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); }

h1 { Color: #fff; Border-bottom: 1.5px solid #fff; font-size:15px; text-align: center; Text-Shadow: #878487 2px 1px 1px; font-family: 'Yanone Kaffeesatz', sans-serif; Margin-Top: 1px; text-transform: uppercase; text-align: left;}

h2{ font-family: tahoma; font-size: 10px; color: #F0F0F0; text-shadow:none; text-align: center; }

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

.musicplayer{ position: fixed; top: 69%; left: 27%; height: 70%; width: 40px; line-height: 50px; font-size: 25px; color: #000; text-align: center; padding-left: 5px; border-radius: 360px; overflow: hidden; z-index: 200;}

.song{ float: left; margin-top: -50px; margin-left: -2px; height: 40px; width: 40px; overflow: hidden; opacity: 0; }

</style>

<div id="moonlight">
<img src="http://i.picpar.com/lnXb.png" height="100%" width="100%">
</div>

<div class="navbar">
<a class="link1" href="#1"><font color="black">Dossier</font></a>
<a class="link2" href="#2"><font color="black">Abilities</font></a>
<a class="link3" href="#3"><font color="black">Friends</font></a>
<a class="link4" href="#4"><font color="black">Out of Character</font></a>
<a class="link5" href="#5"><font color="black">Reset</font></a>
</div></div>

<div class="Quote">I know why the caged bird sings.</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">

<a href="profile.php?user=" target="_blank"><img src="pic" height="68" width="75" border="1" align="left"></a>

<center>- Connection Name -<br> <font color="#77B83F">Friend</font>, <font color="red">Foe</font>, Neutral.</center><br> Description of the connection or whatever the hell, doesn't really matter. Super short just to the bottom of the picture so that it looks semi-decent.<br>

<h2>"Short quote goes here."</h2><br>
</div></div>

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


</div></div>

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

<div class="musicplayer">
 ►
<div class="song">
<audio controls>
<source src="http://k003.kiwi6.com/hotlink/2i314byt44/Tokyo_Ghoul_-_Glassy_Sky_Tehishter_Piano_with_sheet_music_www.MP3Fiber.com_.mp3">
</audio>
</div></div>