#pyro_fireworks {
    display: none;
}

.pyro > .before, .pyro > .after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
    -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro > .after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
    to {
        box-shadow: -104px 70.33333px #ff6a00, 181px -324.66667px #bb00ff, -85px -121.66667px #ff001a, -211px -185.66667px #003cff, 86px -133.66667px #00fffb, -218px -4.66667px #aeff00, 216px -233.66667px #00fffb, 190px 0.33333px #00ffb7, 113px -242.66667px #ff9d00, -39px -154.66667px #9d00ff, -247px -284.66667px lime, -77px 31.33333px #ff3c00, -138px -66.66667px #ff7b00, 107px -380.66667px #ff0095, -217px -344.66667px #ff5500, -171px -320.66667px #fbff00, 232px -51.66667px #ff2200, 250px 79.33333px #e600ff, -89px -119.66667px #00e1ff, -81px -212.66667px #0026ff, 75px -151.66667px #00ff59, 8px -276.66667px #00e1ff, -71px 3.33333px #8c00ff, 239px -134.66667px #00ff8c, -96px -255.66667px #ff00f2, -84px -54.66667px #ffee00, -180px -386.66667px #4d00ff, -61px -71.66667px #6aff00, 45px -277.66667px #5500ff, -117px -102.66667px #00ff55, 236px 6.33333px #e100ff, 49px -42.66667px #ff9d00, -137px -354.66667px #09ff00, 79px -155.66667px #00b7ff, 85px -109.66667px #ffb300, -167px -209.66667px #80ff00, 28px -200.66667px #ff00cc, -130px -44.66667px #a200ff, 77px -124.66667px #ff0026, 32px -41.66667px #3700ff, 105px -10.66667px #ff004d, -236px -78.66667px #002fff, -141px 13.33333px #ff00f2, 56px -364.66667px #0900ff, -181px -120.66667px #00fff2, -126px -8.66667px #ff9d00, -215px -71.66667px #a6ff00, 161px -340.66667px #ff5e00, 72px -364.66667px #0066ff, 158px -356.66667px #ffae00, 238px 33.33333px #00ff62;
    }
}

@-moz-keyframes bang {
    to {
        box-shadow: -104px 70.33333px #ff6a00, 181px -324.66667px #bb00ff, -85px -121.66667px #ff001a, -211px -185.66667px #003cff, 86px -133.66667px #00fffb, -218px -4.66667px #aeff00, 216px -233.66667px #00fffb, 190px 0.33333px #00ffb7, 113px -242.66667px #ff9d00, -39px -154.66667px #9d00ff, -247px -284.66667px lime, -77px 31.33333px #ff3c00, -138px -66.66667px #ff7b00, 107px -380.66667px #ff0095, -217px -344.66667px #ff5500, -171px -320.66667px #fbff00, 232px -51.66667px #ff2200, 250px 79.33333px #e600ff, -89px -119.66667px #00e1ff, -81px -212.66667px #0026ff, 75px -151.66667px #00ff59, 8px -276.66667px #00e1ff, -71px 3.33333px #8c00ff, 239px -134.66667px #00ff8c, -96px -255.66667px #ff00f2, -84px -54.66667px #ffee00, -180px -386.66667px #4d00ff, -61px -71.66667px #6aff00, 45px -277.66667px #5500ff, -117px -102.66667px #00ff55, 236px 6.33333px #e100ff, 49px -42.66667px #ff9d00, -137px -354.66667px #09ff00, 79px -155.66667px #00b7ff, 85px -109.66667px #ffb300, -167px -209.66667px #80ff00, 28px -200.66667px #ff00cc, -130px -44.66667px #a200ff, 77px -124.66667px #ff0026, 32px -41.66667px #3700ff, 105px -10.66667px #ff004d, -236px -78.66667px #002fff, -141px 13.33333px #ff00f2, 56px -364.66667px #0900ff, -181px -120.66667px #00fff2, -126px -8.66667px #ff9d00, -215px -71.66667px #a6ff00, 161px -340.66667px #ff5e00, 72px -364.66667px #0066ff, 158px -356.66667px #ffae00, 238px 33.33333px #00ff62;
    }
}

@-o-keyframes bang {
    to {
        box-shadow: -104px 70.33333px #ff6a00, 181px -324.66667px #bb00ff, -85px -121.66667px #ff001a, -211px -185.66667px #003cff, 86px -133.66667px #00fffb, -218px -4.66667px #aeff00, 216px -233.66667px #00fffb, 190px 0.33333px #00ffb7, 113px -242.66667px #ff9d00, -39px -154.66667px #9d00ff, -247px -284.66667px lime, -77px 31.33333px #ff3c00, -138px -66.66667px #ff7b00, 107px -380.66667px #ff0095, -217px -344.66667px #ff5500, -171px -320.66667px #fbff00, 232px -51.66667px #ff2200, 250px 79.33333px #e600ff, -89px -119.66667px #00e1ff, -81px -212.66667px #0026ff, 75px -151.66667px #00ff59, 8px -276.66667px #00e1ff, -71px 3.33333px #8c00ff, 239px -134.66667px #00ff8c, -96px -255.66667px #ff00f2, -84px -54.66667px #ffee00, -180px -386.66667px #4d00ff, -61px -71.66667px #6aff00, 45px -277.66667px #5500ff, -117px -102.66667px #00ff55, 236px 6.33333px #e100ff, 49px -42.66667px #ff9d00, -137px -354.66667px #09ff00, 79px -155.66667px #00b7ff, 85px -109.66667px #ffb300, -167px -209.66667px #80ff00, 28px -200.66667px #ff00cc, -130px -44.66667px #a200ff, 77px -124.66667px #ff0026, 32px -41.66667px #3700ff, 105px -10.66667px #ff004d, -236px -78.66667px #002fff, -141px 13.33333px #ff00f2, 56px -364.66667px #0900ff, -181px -120.66667px #00fff2, -126px -8.66667px #ff9d00, -215px -71.66667px #a6ff00, 161px -340.66667px #ff5e00, 72px -364.66667px #0066ff, 158px -356.66667px #ffae00, 238px 33.33333px #00ff62;
    }
}

@-ms-keyframes bang {
    to {
        box-shadow: -104px 70.33333px #ff6a00, 181px -324.66667px #bb00ff, -85px -121.66667px #ff001a, -211px -185.66667px #003cff, 86px -133.66667px #00fffb, -218px -4.66667px #aeff00, 216px -233.66667px #00fffb, 190px 0.33333px #00ffb7, 113px -242.66667px #ff9d00, -39px -154.66667px #9d00ff, -247px -284.66667px lime, -77px 31.33333px #ff3c00, -138px -66.66667px #ff7b00, 107px -380.66667px #ff0095, -217px -344.66667px #ff5500, -171px -320.66667px #fbff00, 232px -51.66667px #ff2200, 250px 79.33333px #e600ff, -89px -119.66667px #00e1ff, -81px -212.66667px #0026ff, 75px -151.66667px #00ff59, 8px -276.66667px #00e1ff, -71px 3.33333px #8c00ff, 239px -134.66667px #00ff8c, -96px -255.66667px #ff00f2, -84px -54.66667px #ffee00, -180px -386.66667px #4d00ff, -61px -71.66667px #6aff00, 45px -277.66667px #5500ff, -117px -102.66667px #00ff55, 236px 6.33333px #e100ff, 49px -42.66667px #ff9d00, -137px -354.66667px #09ff00, 79px -155.66667px #00b7ff, 85px -109.66667px #ffb300, -167px -209.66667px #80ff00, 28px -200.66667px #ff00cc, -130px -44.66667px #a200ff, 77px -124.66667px #ff0026, 32px -41.66667px #3700ff, 105px -10.66667px #ff004d, -236px -78.66667px #002fff, -141px 13.33333px #ff00f2, 56px -364.66667px #0900ff, -181px -120.66667px #00fff2, -126px -8.66667px #ff9d00, -215px -71.66667px #a6ff00, 161px -340.66667px #ff5e00, 72px -364.66667px #0066ff, 158px -356.66667px #ffae00, 238px 33.33333px #00ff62;
    }
}

@keyframes bang {
    to {
        box-shadow: -104px 70.33333px #ff6a00, 181px -324.66667px #bb00ff, -85px -121.66667px #ff001a, -211px -185.66667px #003cff, 86px -133.66667px #00fffb, -218px -4.66667px #aeff00, 216px -233.66667px #00fffb, 190px 0.33333px #00ffb7, 113px -242.66667px #ff9d00, -39px -154.66667px #9d00ff, -247px -284.66667px lime, -77px 31.33333px #ff3c00, -138px -66.66667px #ff7b00, 107px -380.66667px #ff0095, -217px -344.66667px #ff5500, -171px -320.66667px #fbff00, 232px -51.66667px #ff2200, 250px 79.33333px #e600ff, -89px -119.66667px #00e1ff, -81px -212.66667px #0026ff, 75px -151.66667px #00ff59, 8px -276.66667px #00e1ff, -71px 3.33333px #8c00ff, 239px -134.66667px #00ff8c, -96px -255.66667px #ff00f2, -84px -54.66667px #ffee00, -180px -386.66667px #4d00ff, -61px -71.66667px #6aff00, 45px -277.66667px #5500ff, -117px -102.66667px #00ff55, 236px 6.33333px #e100ff, 49px -42.66667px #ff9d00, -137px -354.66667px #09ff00, 79px -155.66667px #00b7ff, 85px -109.66667px #ffb300, -167px -209.66667px #80ff00, 28px -200.66667px #ff00cc, -130px -44.66667px #a200ff, 77px -124.66667px #ff0026, 32px -41.66667px #3700ff, 105px -10.66667px #ff004d, -236px -78.66667px #002fff, -141px 13.33333px #ff00f2, 56px -364.66667px #0900ff, -181px -120.66667px #00fff2, -126px -8.66667px #ff9d00, -215px -71.66667px #a6ff00, 161px -340.66667px #ff5e00, 72px -364.66667px #0066ff, 158px -356.66667px #ffae00, 238px 33.33333px #00ff62;
    }
}

@-webkit-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-moz-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-o-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-ms-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-webkit-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-moz-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-o-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-ms-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}