@keyframes 			firework-animation {
    0% {background-color : #ff8426;}
    25% {background-color : #fffc84;}
    50% {background-color : #ff83f4;}
    75% {background-color : #83b6ff;}
    100% {background-color : #ff8426;}
}
@-webkit-keyframes 	firework-animation {
    0% {background-color : #ff8426;}
    25% {background-color : #fffc84;}
    50% {background-color : #ff83f4;}
    75% {background-color : #83b6ff;}
    100% {background-color : #ff8426;}
}
@keyframes 			firework-seed-animation	{
    0% {background-color : #ff8426;}
    25% {background-color : #fffc84;}
    100% {background-color : #ff8426;}
}
@-webkit-keyframes	firework-seed-animation	{
    0% {background-color : #ff8426;}
    25% {background-color : #fffc84;}
    100% {background-color : #ff8426;}
}
@keyframes 			firework-fade-animation {
    0% {opacity : 1;}
    50% {opacity : 1;}
    100% {opacity : 0;}
}
@-webkit-keyframes 	firework-fade-animation {
    0% {opacity : 1;}
    50% {opacity : 1;}
    100% {opacity : 0;}
}
.fireWorkBatch {
    z-index : 999;
    position : absolute;
    top : 0px;
    left : 0px;
    animation-name : firework-fade-animation;
    animation-timing-function : cubic-bezier(0.5, 0, 1. 1);
    animation-duration : 2.5s;
}
.fireWorkParticle {
    z-index : 999;
    position : absolute;
    height : 5px;
    width : 5px;
    border-radius : 2.5px;
    animation-name : firework-animation;
    animation-timing-function : linear;
    animation-duration : 1s;
    animation-iteration-count : infinite;
}
.fireWorkSeed {
    z-index : 999;
    position : absolute;
    height : 5px;
    width : 5px;
    border-radius : 5px;
    animation-name : firework-seed-animation;
    animation-timing-function : linear;
    animation-duration : 0.5s;
    animation-iteration-count : infinite;
}		