Six Christmas / Holidays

<style>

@import url(https://fonts.googleapis.com/css?family=Trade+Winds);

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


body {}

#whole{
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-image:url(http://i67.tinypic.com/11tmv6s.jpg);
background-repeat: no-repeat;
  background-size: 100% auto;
}

#pinch{
  position: absolute;
  height: 600px;
  width: 100%;
  top: 0px;
  bottom: 0px;
  margin: auto;
  border-top: 3px solid black;
  border-bottom: 3px solid black;
}

#SixLayer{position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
  background-image:url(http://i63.tinypic.com/5efzph.jpg);
  background-size: auto 100%;
  background-repeat: no-repeat;
z-index:1;
background-position: bottom left;
overflow: hidden;
}

#XmasLayer{position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
background-image:url(http://i.picpar.com/y2Db.gif);
  background-repeat: repeat;
background-size: 30% auto;
z-index:2;
}

#XmasLayer2{position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
background-image:url(http://i.picpar.com/y2Db.gif);
  background-repeat: repeat;
background-size: 10% auto;
z-index: 0;
}

#titlepiece {
position: absolute;
top: 0px;
left: 50px;
bottom: 660px;
margin: auto;
height: 80px;
width: 600px;
color: #798283;
box-sizing: border-box;
border: 0px solid black;
font-size: 50pt;
overflow: hidden;
padding: 0px;
font-family: 'Trade Winds', cursive;
font-family: 'Allura', cursive;
font-family: 'Trade Winds', cursive;
text-shadow: 0px 0px 16px red;
opacity: 1;
  text-align: center;
  z-index: 3;
}

#XmasHat{position:absolute;
z-index:0;
background-image:url(http://i66.tinypic.com/28i5e1t.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
height: 220px;
width: 290px;
top: -30px;
left: 235px;
transform:rotate(-10deg);
background-position: bottom left;}

#music{
position: absolute;
top: 0px;
bottom: 322px;
left: 331px;
margin: auto;
height: 13px;
width: 13px;
zoom:200%;
overflow: hidden;
border-radius: 90px 90px 90px 90px;
border: 1px dotted red;
background: 798283;
-webkit-animation: musicflash 1s infinite;
animation: musicflash 1s infinite;
z-index: 3;
}

@-webkit-keyframes musicflash{
0% {border: 1px dotted transparent;}
50% {border: 1px dotted red;}
100%{border: 1px dotted transparent;}
}

@-keyframes musicflash{
0% {border: 1px dotted transparent;}
50% {border: 1px dotted red;}
100%{border: 1px dotted transparent;}
}


</style>

<div id="whole">
  <div id="titlepiece">
    Happy Holidays
  </div>
  <div id="pinch">
    <div id="XmasLayer">
    </div>
<div id="XmasLayer2">
</div>
<div id="SixLayer">
<div id="XmasHat">
</div>
</div>
  </div>



<div id="music">
<div style="margin-top: -3.3px;
margin-left: -1.3px;">
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="129" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
    <param name="wmode" value="transparent" />
    <param name="FlashVars" value="mp3=https://dl.dropboxusercontent.com/u/4556289/Run%20The%20Jewels%20-%20A%20Christmas%20Fucking%20Miracle%20%28%20Instrumental%20%29%20%5BMusic%20Video%5D.mp3&autoplay=1&loop=1&volume=10&bgcolor1=798283&bgcolor2=798283&slidercolor1=000000&slidercolor2=000000&buttoncolor=890000&buttonovercolor=000000" />
</object>
</div>
</div>



</div>