Castor Dane

<Style>

@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);

.pfor{display: none;}
#profile{background: transparent; border: 0px;}

@font-face{font-family:castorfont;
src:url(https://dl.dropboxusercontent.com/u/4556289/DarKneS_FoNT_by_JasonBlack.ttf);}

@font-face{
 font-family:sidefont;
src:url(https://dl.dropboxusercontent.com/u/4556289/decindar.ttf);}

@font-face{
font-family:'handwriting';
src:url(https://dl.dropboxusercontent.com/u/4556289/JaspersHandwriting.ttf);}

body {background:#000000;
overflow: hidden;}

#whole{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;}

#transparentbackground{
 position: absolute;
 z-index: -3;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 background-image:url(http://1.bp.blogspot.com/-K0EvglgDlXw/U84VbELqV7I/AAAAAAAAFnM/CXFXV6MGWNs/s1600/Mud+cracked+dirt+soil+ground+texture+ver+1.jpg);
 opacity: .4;
 background-size: auto 100%;
}

#middleblock, #middleblock2{
 position: absolute;
left: 200px;
 bottom: 100px;
 height: 400px;
 width: 320px;
background-image:url(https://rlbsdesigns.files.wordpress.com/2010/05/kinkata.jpg);
background-size: auto 150%;
 border-right: 0px solid black;
 border-bottom: 0px solid black;
 transform:rotate(36deg);
-webkit-transform:rotate(36deg);
box-sizing: border-box;
border: 10px solid white;
border-bottom: 80px solid white;
zoom: 120%;
filter:saturate(60%) grayscale(50%);
box-shadow: 0px 0px 3px 10px black;
}

#middleblock:after, #middleblock2:after{
content:'Who? dead ends';
position: absolute;
bottom: -120px;
left: 0px;
right: 0px;
margin: auto;
font-family:'handwriting';
color: black;
font-size: 23pt;
height: 100px;
width: 100%;
font-weight:800;
text-align: center;
font-style: italic;
-webkit-transform:rotate(3deg);
transform:rotate(3deg);}

#middleframe{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-image:url(https://puu.sh/sWzFj/5dff78d506.png);
background-repeat: no-repeat;
background-size: auto 120%;
background-position: top left;}

#middleblock2{
z-index: 2;
left: 500px;
-webkit-transform:rotate(14deg);
transform:rotate(14deg);
background-image:url(https://i.ytimg.com/vi/whXwVXtO8Xc/maxresdefault.jpg);}

#middleblock2 #middleframe{
background-image:url(https://puu.sh/sXD3v/3cc1268680.png);
background-position: right 24% top;}

#middleblock2:after{
content:'murders, kidnappings. HOAX?';
-webkit-transform:rotate(-1deg);
transform:rotate(-1deg);
bottom:-95px;}

@keyframes shadowextend{
 0%{ box-shadow: 6px -4px 2px black;}
 50%{ box-shadow: 1px -1px 2px black;}
 100%{ box-shadow: 6px -4px 2px black;}
}

@-webkit-keyframes shadowextend{
 0%{ box-shadow: 8px -4px 2px black;}
 50%{ box-shadow: 1px -2px 2px black;}
 100%{ box-shadow: 8px -4px 2px black;}
}


#titlediv{position: absolute;
right: 40px;
bottom: 70px;
font-family:'castorfont';
font-size: 70pt;
 font-style:italic;
 text-shadow: 1px 1px 1px #3D3632;
 line-height: 30px;
color: #999999;
}

.adjustfont{
 position: relative;
 left: -1px;
 font-family:'sidefont';
 font-style: italic;
font-size: 11pt;
opacity: .8;
 color: #cdb6d3;
 letter-spacing: 6px;
text-shadow: 1px 1px 3px black;
}

#musicdiv{
position: absolute;
left: 0px;
top: 0px;
}

</style>

<div id="whole">

<div id="transparentbackground">
</div>
<div id="middleblock">
<div id="middleframe">
</div>
</div>

<div id="middleblock2">
<div id="middleframe">
</div>
</div>

<div id="titlediv">Castor Dane.<br>
 <font class="adjustfont">
 The Dream Dealer </font>
</div>

</div>

<audio src="https://dl.dropboxusercontent.com/u/4556289/Sleepy%20Hollow%20Theme.mp3" />

</div>