.pyro > .before,
.pyro > .after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  z-index: 1000000;
  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: 1px -18.6666666667px #5100ff, 196px 38.3333333333px #ffee00, 236px -86.6666666667px #62ff00, 205px -68.6666666667px #aeff00, 159px 30.3333333333px #ee00ff, -120px 73.3333333333px #6200ff, 213px -376.6666666667px darkorange, -249px -96.6666666667px #00ff26, -88px -129.6666666667px #0037ff, -71px -221.6666666667px #ff7300, 193px -258.6666666667px #0037ff, -177px -381.6666666667px #00ffaa, 105px -161.6666666667px #2fff00, 37px -413.6666666667px #ff003c, 62px 74.3333333333px #00ff6a, 28px -127.6666666667px #ff8000, -54px -176.6666666667px #ff6600, -236px -98.6666666667px #2f00ff, -231px 44.3333333333px #0026ff, 164px -413.6666666667px #ff0073, -109px 53.3333333333px #ff00d0, -121px -174.6666666667px #0062ff, 170px -99.6666666667px #ff3700, 111px 0.3333333333px #00ffe1, -102px -103.6666666667px #ff0040, 59px -243.6666666667px #ff00aa, 213px -62.6666666667px #99ff00, -246px -215.6666666667px #ff003c, -212px -152.6666666667px #c800ff, -79px -352.6666666667px #00a6ff, 107px 4.3333333333px #0004ff, 69px 39.3333333333px #ccff00, -53px -336.6666666667px #ee00ff, -209px 77.3333333333px #ffbb00, -82px 40.3333333333px #ff0033, 235px -317.6666666667px #002fff, -3px -210.6666666667px #001aff, 5px -167.6666666667px #6600ff, -195px -188.6666666667px #00b3ff, -6px -97.6666666667px #ff0048, 44px -302.6666666667px #ff0095, -186px -49.6666666667px #ffd500, -183px -366.6666666667px #0044ff, 15px 57.3333333333px #6f00ff, -37px -256.6666666667px #fffb00, 223px -123.6666666667px #001aff, 99px -88.6666666667px #00ff84, -235px -283.6666666667px #4d00ff, -190px -127.6666666667px #6200ff, 244px -92.6666666667px #3700ff, 215px -251.6666666667px #0400ff;
  }
}
@-moz-keyframes bang {
  to {
    box-shadow: 1px -18.6666666667px #5100ff, 196px 38.3333333333px #ffee00, 236px -86.6666666667px #62ff00, 205px -68.6666666667px #aeff00, 159px 30.3333333333px #ee00ff, -120px 73.3333333333px #6200ff, 213px -376.6666666667px darkorange, -249px -96.6666666667px #00ff26, -88px -129.6666666667px #0037ff, -71px -221.6666666667px #ff7300, 193px -258.6666666667px #0037ff, -177px -381.6666666667px #00ffaa, 105px -161.6666666667px #2fff00, 37px -413.6666666667px #ff003c, 62px 74.3333333333px #00ff6a, 28px -127.6666666667px #ff8000, -54px -176.6666666667px #ff6600, -236px -98.6666666667px #2f00ff, -231px 44.3333333333px #0026ff, 164px -413.6666666667px #ff0073, -109px 53.3333333333px #ff00d0, -121px -174.6666666667px #0062ff, 170px -99.6666666667px #ff3700, 111px 0.3333333333px #00ffe1, -102px -103.6666666667px #ff0040, 59px -243.6666666667px #ff00aa, 213px -62.6666666667px #99ff00, -246px -215.6666666667px #ff003c, -212px -152.6666666667px #c800ff, -79px -352.6666666667px #00a6ff, 107px 4.3333333333px #0004ff, 69px 39.3333333333px #ccff00, -53px -336.6666666667px #ee00ff, -209px 77.3333333333px #ffbb00, -82px 40.3333333333px #ff0033, 235px -317.6666666667px #002fff, -3px -210.6666666667px #001aff, 5px -167.6666666667px #6600ff, -195px -188.6666666667px #00b3ff, -6px -97.6666666667px #ff0048, 44px -302.6666666667px #ff0095, -186px -49.6666666667px #ffd500, -183px -366.6666666667px #0044ff, 15px 57.3333333333px #6f00ff, -37px -256.6666666667px #fffb00, 223px -123.6666666667px #001aff, 99px -88.6666666667px #00ff84, -235px -283.6666666667px #4d00ff, -190px -127.6666666667px #6200ff, 244px -92.6666666667px #3700ff, 215px -251.6666666667px #0400ff;
  }
}
@-o-keyframes bang {
  to {
    box-shadow: 1px -18.6666666667px #5100ff, 196px 38.3333333333px #ffee00, 236px -86.6666666667px #62ff00, 205px -68.6666666667px #aeff00, 159px 30.3333333333px #ee00ff, -120px 73.3333333333px #6200ff, 213px -376.6666666667px darkorange, -249px -96.6666666667px #00ff26, -88px -129.6666666667px #0037ff, -71px -221.6666666667px #ff7300, 193px -258.6666666667px #0037ff, -177px -381.6666666667px #00ffaa, 105px -161.6666666667px #2fff00, 37px -413.6666666667px #ff003c, 62px 74.3333333333px #00ff6a, 28px -127.6666666667px #ff8000, -54px -176.6666666667px #ff6600, -236px -98.6666666667px #2f00ff, -231px 44.3333333333px #0026ff, 164px -413.6666666667px #ff0073, -109px 53.3333333333px #ff00d0, -121px -174.6666666667px #0062ff, 170px -99.6666666667px #ff3700, 111px 0.3333333333px #00ffe1, -102px -103.6666666667px #ff0040, 59px -243.6666666667px #ff00aa, 213px -62.6666666667px #99ff00, -246px -215.6666666667px #ff003c, -212px -152.6666666667px #c800ff, -79px -352.6666666667px #00a6ff, 107px 4.3333333333px #0004ff, 69px 39.3333333333px #ccff00, -53px -336.6666666667px #ee00ff, -209px 77.3333333333px #ffbb00, -82px 40.3333333333px #ff0033, 235px -317.6666666667px #002fff, -3px -210.6666666667px #001aff, 5px -167.6666666667px #6600ff, -195px -188.6666666667px #00b3ff, -6px -97.6666666667px #ff0048, 44px -302.6666666667px #ff0095, -186px -49.6666666667px #ffd500, -183px -366.6666666667px #0044ff, 15px 57.3333333333px #6f00ff, -37px -256.6666666667px #fffb00, 223px -123.6666666667px #001aff, 99px -88.6666666667px #00ff84, -235px -283.6666666667px #4d00ff, -190px -127.6666666667px #6200ff, 244px -92.6666666667px #3700ff, 215px -251.6666666667px #0400ff;
  }
}
@-ms-keyframes bang {
  to {
    box-shadow: 1px -18.6666666667px #5100ff, 196px 38.3333333333px #ffee00, 236px -86.6666666667px #62ff00, 205px -68.6666666667px #aeff00, 159px 30.3333333333px #ee00ff, -120px 73.3333333333px #6200ff, 213px -376.6666666667px darkorange, -249px -96.6666666667px #00ff26, -88px -129.6666666667px #0037ff, -71px -221.6666666667px #ff7300, 193px -258.6666666667px #0037ff, -177px -381.6666666667px #00ffaa, 105px -161.6666666667px #2fff00, 37px -413.6666666667px #ff003c, 62px 74.3333333333px #00ff6a, 28px -127.6666666667px #ff8000, -54px -176.6666666667px #ff6600, -236px -98.6666666667px #2f00ff, -231px 44.3333333333px #0026ff, 164px -413.6666666667px #ff0073, -109px 53.3333333333px #ff00d0, -121px -174.6666666667px #0062ff, 170px -99.6666666667px #ff3700, 111px 0.3333333333px #00ffe1, -102px -103.6666666667px #ff0040, 59px -243.6666666667px #ff00aa, 213px -62.6666666667px #99ff00, -246px -215.6666666667px #ff003c, -212px -152.6666666667px #c800ff, -79px -352.6666666667px #00a6ff, 107px 4.3333333333px #0004ff, 69px 39.3333333333px #ccff00, -53px -336.6666666667px #ee00ff, -209px 77.3333333333px #ffbb00, -82px 40.3333333333px #ff0033, 235px -317.6666666667px #002fff, -3px -210.6666666667px #001aff, 5px -167.6666666667px #6600ff, -195px -188.6666666667px #00b3ff, -6px -97.6666666667px #ff0048, 44px -302.6666666667px #ff0095, -186px -49.6666666667px #ffd500, -183px -366.6666666667px #0044ff, 15px 57.3333333333px #6f00ff, -37px -256.6666666667px #fffb00, 223px -123.6666666667px #001aff, 99px -88.6666666667px #00ff84, -235px -283.6666666667px #4d00ff, -190px -127.6666666667px #6200ff, 244px -92.6666666667px #3700ff, 215px -251.6666666667px #0400ff;
  }
}
@keyframes bang {
  to {
    box-shadow: 1px -18.6666666667px #5100ff, 196px 38.3333333333px #ffee00, 236px -86.6666666667px #62ff00, 205px -68.6666666667px #aeff00, 159px 30.3333333333px #ee00ff, -120px 73.3333333333px #6200ff, 213px -376.6666666667px darkorange, -249px -96.6666666667px #00ff26, -88px -129.6666666667px #0037ff, -71px -221.6666666667px #ff7300, 193px -258.6666666667px #0037ff, -177px -381.6666666667px #00ffaa, 105px -161.6666666667px #2fff00, 37px -413.6666666667px #ff003c, 62px 74.3333333333px #00ff6a, 28px -127.6666666667px #ff8000, -54px -176.6666666667px #ff6600, -236px -98.6666666667px #2f00ff, -231px 44.3333333333px #0026ff, 164px -413.6666666667px #ff0073, -109px 53.3333333333px #ff00d0, -121px -174.6666666667px #0062ff, 170px -99.6666666667px #ff3700, 111px 0.3333333333px #00ffe1, -102px -103.6666666667px #ff0040, 59px -243.6666666667px #ff00aa, 213px -62.6666666667px #99ff00, -246px -215.6666666667px #ff003c, -212px -152.6666666667px #c800ff, -79px -352.6666666667px #00a6ff, 107px 4.3333333333px #0004ff, 69px 39.3333333333px #ccff00, -53px -336.6666666667px #ee00ff, -209px 77.3333333333px #ffbb00, -82px 40.3333333333px #ff0033, 235px -317.6666666667px #002fff, -3px -210.6666666667px #001aff, 5px -167.6666666667px #6600ff, -195px -188.6666666667px #00b3ff, -6px -97.6666666667px #ff0048, 44px -302.6666666667px #ff0095, -186px -49.6666666667px #ffd500, -183px -366.6666666667px #0044ff, 15px 57.3333333333px #6f00ff, -37px -256.6666666667px #fffb00, 223px -123.6666666667px #001aff, 99px -88.6666666667px #00ff84, -235px -283.6666666667px #4d00ff, -190px -127.6666666667px #6200ff, 244px -92.6666666667px #3700ff, 215px -251.6666666667px #0400ff;
  }
}
@-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%;
  }
}