Six last.

<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://i68.tinypic.com/11wdf9y.jpg);
background-repeat: no-repeat;
 background-size: 100% 100%;
}

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

#SixLayer{position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
 background-image:url(http://i67.tinypic.com/2hrhe82.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();
 background-repeat: repeat;
background-size: 30% auto;
z-index:2;
opacity: 1;
}

#XmasLayer2{position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
background-image:url(http://i65.tinypic.com/rsh2sn.jpg);
 background-repeat: repeat;
background-size: 200% auto;
z-index: 0;
background-color: red;
opacity: .05;
}

#titlepiece {
position: absolute;
top: 0px;
left: 16px;
bottom: 659px;
margin: auto;
height: 90px;
width: 600px;
color: black;
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;
animation: textflash 1s .5s infinite;
-webkit-animation: textflash 1s .5s infinite;
}


#music{
position: absolute;
top: 0px;
bottom: 372px;
left: 154px;
margin: auto;
height: 13px;
width: 13px;
zoom:200%;
overflow: hidden;
border-radius: 90px 90px 90px 90px;
background: black;
box-shadow: 0px 0px 5px red;
animation: musicflash 1s infinite;
-webkit-animation: musicflash 1s infinite;
z-index: 4;
}

@-webkit-keyframes musicflash{
0% {box-shadow: 0px 0px 10px red;}
50% {box-shadow: 0px 0px 5px red;}
100%{box-shadow: 0px 0px 10px red;}
}

@-keyframes musicflash{
0% {box-shadow: 2px 2px 10px red;}
50% {box-shadow: 0px 0px 5px red;}
100%{box-shadow: 2px 2px 10px red;}
}

@-webkit-keyframes textflash{
0% {text-shadow: 0px 0px 16px red;}
50% {text-shadow: 0px 0px 7px red;}
100%{text-shadow: 0px 0px 16px red;}
}

@-keyframes textflash{
0% {text-shadow: 0px 0px 16px red;}
50% {text-shadow: 0px 0px 7px red;}
100%{text-shadow: 0px 0px 16px red;}
}


</style>

<div id="whole">
 <div id="titlepiece">
 SIX
 </div>
 <div id="pinch">
 <div id="XmasLayer">
 </div>
<div id="XmasLayer2">
</div>
<div id="SixLayer">
</div>
 </div>



<div id="music">
<div style="margin-top: -3.3px;
margin-left: -1.3px;">
WE NOW USE THE HTML5 AUDIO TAGS 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-%20Crown%20feat.%20Diane%20Coffee.mp3&=1&loop=1&volume=10&bgcolor1=000000&bgcolor2=000000&slidercolor1=000000&slidercolor2=000000&buttoncolor=890000&buttonovercolor=000000" />
</object>
</div>
</div>



</div>