.pyro > .before, .pyro > .after {
  position: absolute;
  width: 4px;
  height: 4px;
  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, 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: -23px -126.3333333333px #88ff00, -98px -230.3333333333px #44ff00, 226px -69.3333333333px #ffe100, -210px 20.6666666667px #00aaff, -151px -317.3333333333px #00ff62, -4px -241.3333333333px deepskyblue, 116px -148.3333333333px #ffa200, 145px -10.3333333333px #bf00ff, 48px -264.3333333333px lime, 186px 4.6666666667px #ee00ff, 154px -293.3333333333px #ff0015, 123px -306.3333333333px #9dff00, 139px -3.3333333333px #ff8400, 73px -257.3333333333px #ff00ae, -83px -201.3333333333px #2f00ff, 19px -144.3333333333px #ff0077, 126px -284.3333333333px #ff1500, 92px 8.6666666667px #ff0044, 60px -176.3333333333px #006aff, 233px -312.3333333333px #00ff62, -154px -151.3333333333px #ff00d9, 172px -276.3333333333px #ff0026, -125px -48.3333333333px #0022ff, 98px -162.3333333333px #ff002f, 197px -130.3333333333px #00ff73, 223px -282.3333333333px #51ff00, -212px -211.3333333333px #ff3300, -20px -298.3333333333px #ae00ff, 14px -96.3333333333px #ffea00, -204px -247.3333333333px #ff0055, 103px -94.3333333333px #f2ff00, 52px -298.3333333333px #001eff, 9px -224.3333333333px #00ff95, -57px -207.3333333333px #0084ff, -94px -274.3333333333px #ff5e00, -96px -42.3333333333px #0033ff, 187px 39.6666666667px #00ff33, -44px 65.6666666667px #ff0011, -163px 33.6666666667px #007bff, -2px -62.3333333333px #1eff00, -107px -37.3333333333px #ff9d00, -125px -162.3333333333px #b300ff, 85px -176.3333333333px #ff2600, -25px -229.3333333333px #4d00ff, 97px -112.3333333333px #001eff, 169px -31.3333333333px #00ff59, -119px 25.6666666667px #00ffd9, -97px 3.6666666667px #7300ff, -128px 29.6666666667px #0099ff, 125px -18.3333333333px #ff6600, -174px -122.3333333333px #2bff00, -229px -158.3333333333px #22ff00, -2px -175.3333333333px #ffa200, -171px -277.3333333333px #ff0900, 41px -132.3333333333px #000dff, 234px -52.3333333333px #3300ff, 191px -164.3333333333px darkorange, 27px -212.3333333333px #ff006a, 250px -71.3333333333px #ff0011, -140px -292.3333333333px #0022ff, -216px -252.3333333333px #ff006a;
  }
}
@-moz-keyframes bang {
  to {
    box-shadow: -23px -126.3333333333px #88ff00, -98px -230.3333333333px #44ff00, 226px -69.3333333333px #ffe100, -210px 20.6666666667px #00aaff, -151px -317.3333333333px #00ff62, -4px -241.3333333333px deepskyblue, 116px -148.3333333333px #ffa200, 145px -10.3333333333px #bf00ff, 48px -264.3333333333px lime, 186px 4.6666666667px #ee00ff, 154px -293.3333333333px #ff0015, 123px -306.3333333333px #9dff00, 139px -3.3333333333px #ff8400, 73px -257.3333333333px #ff00ae, -83px -201.3333333333px #2f00ff, 19px -144.3333333333px #ff0077, 126px -284.3333333333px #ff1500, 92px 8.6666666667px #ff0044, 60px -176.3333333333px #006aff, 233px -312.3333333333px #00ff62, -154px -151.3333333333px #ff00d9, 172px -276.3333333333px #ff0026, -125px -48.3333333333px #0022ff, 98px -162.3333333333px #ff002f, 197px -130.3333333333px #00ff73, 223px -282.3333333333px #51ff00, -212px -211.3333333333px #ff3300, -20px -298.3333333333px #ae00ff, 14px -96.3333333333px #ffea00, -204px -247.3333333333px #ff0055, 103px -94.3333333333px #f2ff00, 52px -298.3333333333px #001eff, 9px -224.3333333333px #00ff95, -57px -207.3333333333px #0084ff, -94px -274.3333333333px #ff5e00, -96px -42.3333333333px #0033ff, 187px 39.6666666667px #00ff33, -44px 65.6666666667px #ff0011, -163px 33.6666666667px #007bff, -2px -62.3333333333px #1eff00, -107px -37.3333333333px #ff9d00, -125px -162.3333333333px #b300ff, 85px -176.3333333333px #ff2600, -25px -229.3333333333px #4d00ff, 97px -112.3333333333px #001eff, 169px -31.3333333333px #00ff59, -119px 25.6666666667px #00ffd9, -97px 3.6666666667px #7300ff, -128px 29.6666666667px #0099ff, 125px -18.3333333333px #ff6600, -174px -122.3333333333px #2bff00, -229px -158.3333333333px #22ff00, -2px -175.3333333333px #ffa200, -171px -277.3333333333px #ff0900, 41px -132.3333333333px #000dff, 234px -52.3333333333px #3300ff, 191px -164.3333333333px darkorange, 27px -212.3333333333px #ff006a, 250px -71.3333333333px #ff0011, -140px -292.3333333333px #0022ff, -216px -252.3333333333px #ff006a;
  }
}
@-o-keyframes bang {
  to {
    box-shadow: -23px -126.3333333333px #88ff00, -98px -230.3333333333px #44ff00, 226px -69.3333333333px #ffe100, -210px 20.6666666667px #00aaff, -151px -317.3333333333px #00ff62, -4px -241.3333333333px deepskyblue, 116px -148.3333333333px #ffa200, 145px -10.3333333333px #bf00ff, 48px -264.3333333333px lime, 186px 4.6666666667px #ee00ff, 154px -293.3333333333px #ff0015, 123px -306.3333333333px #9dff00, 139px -3.3333333333px #ff8400, 73px -257.3333333333px #ff00ae, -83px -201.3333333333px #2f00ff, 19px -144.3333333333px #ff0077, 126px -284.3333333333px #ff1500, 92px 8.6666666667px #ff0044, 60px -176.3333333333px #006aff, 233px -312.3333333333px #00ff62, -154px -151.3333333333px #ff00d9, 172px -276.3333333333px #ff0026, -125px -48.3333333333px #0022ff, 98px -162.3333333333px #ff002f, 197px -130.3333333333px #00ff73, 223px -282.3333333333px #51ff00, -212px -211.3333333333px #ff3300, -20px -298.3333333333px #ae00ff, 14px -96.3333333333px #ffea00, -204px -247.3333333333px #ff0055, 103px -94.3333333333px #f2ff00, 52px -298.3333333333px #001eff, 9px -224.3333333333px #00ff95, -57px -207.3333333333px #0084ff, -94px -274.3333333333px #ff5e00, -96px -42.3333333333px #0033ff, 187px 39.6666666667px #00ff33, -44px 65.6666666667px #ff0011, -163px 33.6666666667px #007bff, -2px -62.3333333333px #1eff00, -107px -37.3333333333px #ff9d00, -125px -162.3333333333px #b300ff, 85px -176.3333333333px #ff2600, -25px -229.3333333333px #4d00ff, 97px -112.3333333333px #001eff, 169px -31.3333333333px #00ff59, -119px 25.6666666667px #00ffd9, -97px 3.6666666667px #7300ff, -128px 29.6666666667px #0099ff, 125px -18.3333333333px #ff6600, -174px -122.3333333333px #2bff00, -229px -158.3333333333px #22ff00, -2px -175.3333333333px #ffa200, -171px -277.3333333333px #ff0900, 41px -132.3333333333px #000dff, 234px -52.3333333333px #3300ff, 191px -164.3333333333px darkorange, 27px -212.3333333333px #ff006a, 250px -71.3333333333px #ff0011, -140px -292.3333333333px #0022ff, -216px -252.3333333333px #ff006a;
  }
}
@-ms-keyframes bang {
  to {
    box-shadow: -23px -126.3333333333px #88ff00, -98px -230.3333333333px #44ff00, 226px -69.3333333333px #ffe100, -210px 20.6666666667px #00aaff, -151px -317.3333333333px #00ff62, -4px -241.3333333333px deepskyblue, 116px -148.3333333333px #ffa200, 145px -10.3333333333px #bf00ff, 48px -264.3333333333px lime, 186px 4.6666666667px #ee00ff, 154px -293.3333333333px #ff0015, 123px -306.3333333333px #9dff00, 139px -3.3333333333px #ff8400, 73px -257.3333333333px #ff00ae, -83px -201.3333333333px #2f00ff, 19px -144.3333333333px #ff0077, 126px -284.3333333333px #ff1500, 92px 8.6666666667px #ff0044, 60px -176.3333333333px #006aff, 233px -312.3333333333px #00ff62, -154px -151.3333333333px #ff00d9, 172px -276.3333333333px #ff0026, -125px -48.3333333333px #0022ff, 98px -162.3333333333px #ff002f, 197px -130.3333333333px #00ff73, 223px -282.3333333333px #51ff00, -212px -211.3333333333px #ff3300, -20px -298.3333333333px #ae00ff, 14px -96.3333333333px #ffea00, -204px -247.3333333333px #ff0055, 103px -94.3333333333px #f2ff00, 52px -298.3333333333px #001eff, 9px -224.3333333333px #00ff95, -57px -207.3333333333px #0084ff, -94px -274.3333333333px #ff5e00, -96px -42.3333333333px #0033ff, 187px 39.6666666667px #00ff33, -44px 65.6666666667px #ff0011, -163px 33.6666666667px #007bff, -2px -62.3333333333px #1eff00, -107px -37.3333333333px #ff9d00, -125px -162.3333333333px #b300ff, 85px -176.3333333333px #ff2600, -25px -229.3333333333px #4d00ff, 97px -112.3333333333px #001eff, 169px -31.3333333333px #00ff59, -119px 25.6666666667px #00ffd9, -97px 3.6666666667px #7300ff, -128px 29.6666666667px #0099ff, 125px -18.3333333333px #ff6600, -174px -122.3333333333px #2bff00, -229px -158.3333333333px #22ff00, -2px -175.3333333333px #ffa200, -171px -277.3333333333px #ff0900, 41px -132.3333333333px #000dff, 234px -52.3333333333px #3300ff, 191px -164.3333333333px darkorange, 27px -212.3333333333px #ff006a, 250px -71.3333333333px #ff0011, -140px -292.3333333333px #0022ff, -216px -252.3333333333px #ff006a;
  }
}
@keyframes bang {
  to {
    box-shadow: -23px -126.3333333333px #88ff00, -98px -230.3333333333px #44ff00, 226px -69.3333333333px #ffe100, -210px 20.6666666667px #00aaff, -151px -317.3333333333px #00ff62, -4px -241.3333333333px deepskyblue, 116px -148.3333333333px #ffa200, 145px -10.3333333333px #bf00ff, 48px -264.3333333333px lime, 186px 4.6666666667px #ee00ff, 154px -293.3333333333px #ff0015, 123px -306.3333333333px #9dff00, 139px -3.3333333333px #ff8400, 73px -257.3333333333px #ff00ae, -83px -201.3333333333px #2f00ff, 19px -144.3333333333px #ff0077, 126px -284.3333333333px #ff1500, 92px 8.6666666667px #ff0044, 60px -176.3333333333px #006aff, 233px -312.3333333333px #00ff62, -154px -151.3333333333px #ff00d9, 172px -276.3333333333px #ff0026, -125px -48.3333333333px #0022ff, 98px -162.3333333333px #ff002f, 197px -130.3333333333px #00ff73, 223px -282.3333333333px #51ff00, -212px -211.3333333333px #ff3300, -20px -298.3333333333px #ae00ff, 14px -96.3333333333px #ffea00, -204px -247.3333333333px #ff0055, 103px -94.3333333333px #f2ff00, 52px -298.3333333333px #001eff, 9px -224.3333333333px #00ff95, -57px -207.3333333333px #0084ff, -94px -274.3333333333px #ff5e00, -96px -42.3333333333px #0033ff, 187px 39.6666666667px #00ff33, -44px 65.6666666667px #ff0011, -163px 33.6666666667px #007bff, -2px -62.3333333333px #1eff00, -107px -37.3333333333px #ff9d00, -125px -162.3333333333px #b300ff, 85px -176.3333333333px #ff2600, -25px -229.3333333333px #4d00ff, 97px -112.3333333333px #001eff, 169px -31.3333333333px #00ff59, -119px 25.6666666667px #00ffd9, -97px 3.6666666667px #7300ff, -128px 29.6666666667px #0099ff, 125px -18.3333333333px #ff6600, -174px -122.3333333333px #2bff00, -229px -158.3333333333px #22ff00, -2px -175.3333333333px #ffa200, -171px -277.3333333333px #ff0900, 41px -132.3333333333px #000dff, 234px -52.3333333333px #3300ff, 191px -164.3333333333px darkorange, 27px -212.3333333333px #ff006a, 250px -71.3333333333px #ff0011, -140px -292.3333333333px #0022ff, -216px -252.3333333333px #ff006a;
  }
}
@-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%;
  }
}