Rhai?

<style>

@import url(//fonts.googleapis.com/css?family=Shadows+Into+Light);
@import url(//fonts.googleapis.com/css?family=Architects+Daughter);
@import url(//fonts.googleapis.com/css?family=Kaushan+Script);

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

/* Character Color: #4A8246  DARK
#93CC72 LIGHT  */

#whole { background-image:
url(http://i57.tinypic.com/2hclzep.jpg);
background-repeat: no-repeat;
background-position: bottom right;
background-size: auto 90%;
background-color: #161c13;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
font-family: 'Shadows Into Light', cursive;
font-family: 'Architects Daughter', cursive;
font-family: 'Kaushan Script', cursive;
}

#titlediv1 {position: absolute;
left: 260px;
top: 175px;
font-size: 20pt;
color: #295558;
color: black;
text-align: center;}

.textpulse {
text-shadow: 1px 1px 1px black;
-webkit-animation: nuclearcolor 4s infinite;
animation: nuclearcolor 4s infinite; }

#titlediv2 {position: absolute;
left: 250px;
top: 212px;
font-size: 30pt;
color: black;
-webkit-animation: nuclearcolor 5s infinite;
animation: nuclearcolor 5s infinite;
text-shadow: 2px 2px 4px black;
opacity: .4; }

@-webkit-keyframes nuclearcolor {
0% {text-shadow: 1px 1px 1px #36AB06;}
70% {text-shadow: 1px 1px 5px  #ADF048;}
75% {#53EF05 ;}
100% {text-shadow:1px 1px 1px  #36AB06;}
}

@keyframes nuclearcolor {
0% {text-shadow: 1px 1px 1px #36AB06;}
75% {text-shadow: 1px 1px 5px #ADF048;}
75% { #53EF05 ;}
100% {text-shadow: 1px 1px 1px #36AB06;}
}

#coverdiv1 {position: absolute;
top: 180px;
left: 220px;
height: 140px;
width: 200px;
border-left: 1px solid #36AC07;
opacity: .5;
 }

#coverdiv2 {position: absolute;
top: 140px;
left: 260px;
height: 200px;
width: 190px;
border-top: 1px solid #36AC07;
opacity: .5; }

body {background: white;}

@keyframes loop1 {
0% {margin-top: 140px; opacity: 1;}
10% {margin-top: 140px; opacity: 1;}
20% {margin-top: 0px; opacity: 1;}
30% {opacity: 0;}
70% {opacity: 0;}
80% {margin-top: 0px; opacity: 1;}
90%{margin-top: 140px; opacity: 1;}
100%{margin-top: 140px; opacity: 1; }
}

@-webkit-keyframes loop1 {
  0%{margin-top: 140px;}
  1%{opacity: 1;}
  20%{margin-top: 0px;}
  80%{margin-top: 0px;}
  99%{opacity: 1;}
  100% {margin-top: 140px; opacity: 0;}
}

@-webkit-keyframes loop2 {
0% {margin-left: 190px; opacity: 1;}
10% {margin-left: 190px; opacity: 1;}
20% {margin-left: 0px; opacity: 1;}
30% {opacity: 0;}
70% {opacity: 0;}
80% {margin-left: 0px; opacity: 1;}
90%{margin-left: 190px; opacity: 1;}
100%{margin-left: 190px; opacity: 1; }
}

@keyframes loop2 {
0% {margin-left: 190px; opacity: 1;}
10% {margin-left: 190px; opacity: 1;}
20% {margin-left: 0px; opacity: 1;}
30% {opacity: 0;}
70% {opacity: 0;}
80% {margin-left: 0px; opacity: 1;}
90%{margin-left: 190px; opacity: 1;}
100%{margin-left: 190px; opacity: 1; }
}

#div1{
position: absolute;
top: 180px;
left: 220px;
border-left: 1px solid #ADF048;
height: 5px;
width: 2px;
-webkit-animation: loop1 4s infinite;
animation: loop1 4s infinite;
opacity: 0;
}

#div2{
margin-left: 140px;
position: absolute;
top: 140px;
left: 260px;
border-top: 1px solid #ADF048;
height: 2px;
width: 5px;
-webkit-animation: loop2 4s 2s infinite;
animation: loop2 4s 2s infinite;
opacity: 0;
}

#ongaku {
    border-radius: 5px;
    width: 25px;
    height: 20px;
    overflow: hidden;
    background-color: black;
    opacity: .8;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.musicgif {
    margin: 5px;
margin-top: 2px;
margin-bottom: 5px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#ongaku:hover .musicgif {
    margin-top: -18px;
    background-color: black;
}
 #ongaku:hover { background-color: black;}
#musicpl {
    width: 20px;
    overflow: hidden;
    height: 20px;
    padding: 2px 20px 10px 3px;
    margin-left: -24px;
    background-color: black;
}

</style>

<div id="whole">
<div id="titlediv1"><font class="textpulse" color="black">nuclear</font> flame<br>
<font size=5pt style="position: absolute; text-indent: -120px;"> <span class="glowy">●</span></font> <font size=3pt style="position: absolute; text-indent: 20px; margin-top: 10px; color: gray; opacity: .6;">undesired</font><br>
<font size=5pt style="position: absolute; text-indent: -120px; margin-top: -10px;" class="glowy">●</font> <font size=3pt style="position: absolute; text-indent: 20px;  color: gray; opacity: .6;">unbroken</font><br>
<font size=5pt style="position: absolute; text-indent: -120px; margin-top: -20px;" class="glowy">●</font> <font size=3pt style="position: absolute; text-indent: 20px; margin-top: -10px;  color: gray; opacity: .6;">unforgiving</font><br>

</div>

<div id="coverdiv1">
</div>

<div id="coverdiv2">
</div>

<div id="div1">
</div>

<div id="div2">
</div>

<div style="position: absolute; left: 220px;
top: 141px;">
<div id="ongaku">
<div class="musicgif"><img src="http://i60.tinypic.com/330vbd1.jpg" height=16px></div>
<div id="musicpl">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://www.dropbox.com/s/0s4jzqj40ei3yx0/Polica%20-%20Vegas.mp3?dl=1&t0=Polica Vegas&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
</div>
</div>
</div>

</div>