#music_notes{
    position: absolute;
    top: 50%
}

div#music_notes .music_note{
    width:64px;
    height:64px;
    position:absolute;
    display:block;
}
div#music_notes .music_note span{
    width:64px;
    height:64px;
    display:block;
}
div#music_notes span.music_note1 {
    left:0px;
    animation:bubbleUp 2s infinite ease-in-out;
    -webkit-animation:bubbleUp 2s infinite ease-in-out;
    -o-animation:bubbleUp 2s infinite ease-in-out;
    -moz-animation:bubbleUp 2s infinite ease-in-out;
}
div#music_notes span.music_note2 span{
    background: url("../img/soundtrack/note_1.png") no-repeat center center;
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}
div#music_notes span.music_note2 {
    left:30px;
    animation:bubbleUp1 3s infinite ease-in-out;
    -webkit-animation:bubbleUp1 3s infinite ease-in-out;
    -o-animation:bubbleUp1 3s infinite ease-in-out;
    -moz-animation:bubbleUp1 3s infinite ease-in-out;
}
div#music_notes span.music_note2 span{
    background: url("../img/soundtrack/note_2.png") no-repeat center center;
    -ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    transform: rotate(-20deg);
}

div#music_notes span.music_note3 {
    left:50px;
    animation:bubbleUp2 2.5s infinite ease-in-out;
    -webkit-animation:bubbleUp2 2.5s infinite ease-in-out;
    -o-animation:bubbleUp2 2.5s infinite ease-in-out;
    -moz-animation:bubbleUp2 2.5s infinite ease-in-out;
}
div#music_notes span.music_note3 span{
    background: url("../img/soundtrack/note_3.png") no-repeat center center;
    -ms-transform: rotate(8deg); /* IE 9 */
    -webkit-transform: rotate(8deg); /* Chrome, Safari, Opera */
    transform: rotate(8deg);
}
div#music_notes span.music_note4 {
    left:45px;
    animation:bubbleUp 1.5s infinite 1.5s ease-in-out;
    -webkit-animation:bubbleUp 1.5s infinite 1.5s ease-in-out;
    -o-animation:bubbleUp 1.5s infinite 1.5s ease-in-out;
    -moz-animation:bubbleUp 1.5s infinite 1.5s ease-in-out;
}
div#music_notes span.music_note4 span{
    background: url("../img/soundtrack/note_2.png") no-repeat center center;
    -ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15);
}
div#music_notes span.music_note5 {
    left:15px;
    animation:bubbleUp4 2.5s infinite ease-in-out;
    -webkit-animation:bubbleUp4 2.5s infinite 2s ease-in-out;
    -o-animation:bubbleUp4 2.5s infinite 2s ease-in-out;
    -moz-animation:bubbleUp4 2.5s infinite 2s ease-in-out;
}
div#music_notes span.music_note5 span{
    background: url("../img/soundtrack/note_3.png") no-repeat center center;
}
div#music_notes span.music_note6 {
    left:0px;
    animation:bubbleUp 1.5s infinite 2s ease-in-out;
    -webkit-animation:bubbleUp 1.5s infinite 2s ease-in-out;
    -o-animation:bubbleUp 1.5s infinite 2s ease-in-out;
    -moz-animation:bubbleUp 1.5s infinite 2s ease-in-out;
}
div#music_notes span.music_note6 span.note{
    background: url("../img/soundtrack/note_1.png") no-repeat center center;
    -ms-transform: rotate(25deg); /* IE 9 */
    -webkit-transform: rotate(25deg); /* Chrome, Safari, Opera */
    transform: rotate(25deg);
}
div#music_notes span.music_note7 {
    left:15px;
    animation:bubbleUp4 3.5s infinite ease-in-out;
    -webkit-animation:bubbleUp4 3.5s infinite 2s ease-in-out;
    -o-animation:bubbleUp4 3.5s infinite 2s ease-in-out;
    -moz-animation:bubbleUp4 3.5s infinite 2s ease-in-out;
}
div#music_notes span.music_note7 span{
    background: url("../img/soundtrack/note_1.png") no-repeat center center;
    -ms-transform: rotate(-25deg); /* IE 9 */
    -webkit-transform: rotate(-25deg); /* Chrome, Safari, Opera */
    transform: rotate(-25deg);
    opacity: 0.8;
}
div#music_notes span.music_note8 {
    left:0px;
    animation:bubbleUp 3.5s infinite 2s ease-in-out;
    -webkit-animation:bubbleUp 3.5s infinite 2s ease-in-out;
    -o-animation:bubbleUp 3.5s infinite 2s ease-in-out;
    -moz-animation:bubbleUp 3.5s infinite 2s ease-in-out;
}
div#music_notes span.music_note8 span.note{
    background: url("../img/soundtrack/note_3.png") no-repeat center center;
    -ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg);
}