@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;}
}

.firework-batch {
    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;
}
.firework-particle {
    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;
}
.firework-seed {
    z-index : 999;
    position: absolute;
    animation-timing-function : linear;
    animation-duration : 0.5s;
    animation-iteration-count : infinite;
}
.firework-seed--default {
    height : 25px;
    width : 25px;
    border-radius : 5px;
    animation-name : firework-seed-animation;
}


/*# sourceMappingURL=fireworksify.min.css.map*/