.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: -84px -186.6666666667px #00b7ff, 202px -59.6666666667px #00ffd0, -85px -209.6666666667px #33ff00, 20px -121.6666666667px #0004ff, 191px -108.6666666667px #00ff8c, -69px 27.3333333333px #00c8ff, -92px 3.3333333333px #0015ff, -211px -225.6666666667px #c4ff00, 14px -81.6666666667px #00d9ff, -19px -212.6666666667px #00ffa6, 164px -24.6666666667px #ff00c4, 144px -133.6666666667px #00fff7, 222px -95.6666666667px #00f2ff, 40px -135.6666666667px #ff9900, 220px -401.6666666667px #ff001a, 143px -397.6666666667px #ff0015, -53px -39.6666666667px #ff2600, -6px -156.6666666667px #0099ff, -155px 63.3333333333px #0d00ff, 159px -231.6666666667px #00ff84, 105px -297.6666666667px #008cff, -232px -139.6666666667px #c400ff, 220px -112.6666666667px #4dff00, -158px -359.6666666667px #f200ff, 200px -202.6666666667px #b300ff, 178px -385.6666666667px #ff00b3, -168px -131.6666666667px darkorange, -52px -118.6666666667px #ff5500, -45px 0.3333333333px #ff4800, 217px -291.6666666667px #a2ff00, -45px -252.6666666667px #6600ff, 149px -281.6666666667px #d900ff, 9px -216.6666666667px #0033ff, 172px -142.6666666667px #00ffe1, -163px -340.6666666667px #ff8400, -34px 21.3333333333px #ccff00, 211px -164.6666666667px #3700ff, 206px -392.6666666667px #00ffe6, -26px -248.6666666667px #33ff00, -233px -300.6666666667px #009dff, -177px -271.6666666667px #00ff77, -87px -185.6666666667px #00eeff, 4px -196.6666666667px #5500ff, -217px -271.6666666667px #009dff, 114px -103.6666666667px #ff003c, 174px -196.6666666667px #ea00ff, 191px -359.6666666667px #ff00c4, 197px -367.6666666667px #00c8ff, -13px -68.6666666667px #d5ff00, 53px -266.6666666667px #ff005e, -237px -254.6666666667px #ff007b;
  }
}
@-moz-keyframes bang {
  to {
    box-shadow: -84px -186.6666666667px #00b7ff, 202px -59.6666666667px #00ffd0, -85px -209.6666666667px #33ff00, 20px -121.6666666667px #0004ff, 191px -108.6666666667px #00ff8c, -69px 27.3333333333px #00c8ff, -92px 3.3333333333px #0015ff, -211px -225.6666666667px #c4ff00, 14px -81.6666666667px #00d9ff, -19px -212.6666666667px #00ffa6, 164px -24.6666666667px #ff00c4, 144px -133.6666666667px #00fff7, 222px -95.6666666667px #00f2ff, 40px -135.6666666667px #ff9900, 220px -401.6666666667px #ff001a, 143px -397.6666666667px #ff0015, -53px -39.6666666667px #ff2600, -6px -156.6666666667px #0099ff, -155px 63.3333333333px #0d00ff, 159px -231.6666666667px #00ff84, 105px -297.6666666667px #008cff, -232px -139.6666666667px #c400ff, 220px -112.6666666667px #4dff00, -158px -359.6666666667px #f200ff, 200px -202.6666666667px #b300ff, 178px -385.6666666667px #ff00b3, -168px -131.6666666667px darkorange, -52px -118.6666666667px #ff5500, -45px 0.3333333333px #ff4800, 217px -291.6666666667px #a2ff00, -45px -252.6666666667px #6600ff, 149px -281.6666666667px #d900ff, 9px -216.6666666667px #0033ff, 172px -142.6666666667px #00ffe1, -163px -340.6666666667px #ff8400, -34px 21.3333333333px #ccff00, 211px -164.6666666667px #3700ff, 206px -392.6666666667px #00ffe6, -26px -248.6666666667px #33ff00, -233px -300.6666666667px #009dff, -177px -271.6666666667px #00ff77, -87px -185.6666666667px #00eeff, 4px -196.6666666667px #5500ff, -217px -271.6666666667px #009dff, 114px -103.6666666667px #ff003c, 174px -196.6666666667px #ea00ff, 191px -359.6666666667px #ff00c4, 197px -367.6666666667px #00c8ff, -13px -68.6666666667px #d5ff00, 53px -266.6666666667px #ff005e, -237px -254.6666666667px #ff007b;
  }
}
@-o-keyframes bang {
  to {
    box-shadow: -84px -186.6666666667px #00b7ff, 202px -59.6666666667px #00ffd0, -85px -209.6666666667px #33ff00, 20px -121.6666666667px #0004ff, 191px -108.6666666667px #00ff8c, -69px 27.3333333333px #00c8ff, -92px 3.3333333333px #0015ff, -211px -225.6666666667px #c4ff00, 14px -81.6666666667px #00d9ff, -19px -212.6666666667px #00ffa6, 164px -24.6666666667px #ff00c4, 144px -133.6666666667px #00fff7, 222px -95.6666666667px #00f2ff, 40px -135.6666666667px #ff9900, 220px -401.6666666667px #ff001a, 143px -397.6666666667px #ff0015, -53px -39.6666666667px #ff2600, -6px -156.6666666667px #0099ff, -155px 63.3333333333px #0d00ff, 159px -231.6666666667px #00ff84, 105px -297.6666666667px #008cff, -232px -139.6666666667px #c400ff, 220px -112.6666666667px #4dff00, -158px -359.6666666667px #f200ff, 200px -202.6666666667px #b300ff, 178px -385.6666666667px #ff00b3, -168px -131.6666666667px darkorange, -52px -118.6666666667px #ff5500, -45px 0.3333333333px #ff4800, 217px -291.6666666667px #a2ff00, -45px -252.6666666667px #6600ff, 149px -281.6666666667px #d900ff, 9px -216.6666666667px #0033ff, 172px -142.6666666667px #00ffe1, -163px -340.6666666667px #ff8400, -34px 21.3333333333px #ccff00, 211px -164.6666666667px #3700ff, 206px -392.6666666667px #00ffe6, -26px -248.6666666667px #33ff00, -233px -300.6666666667px #009dff, -177px -271.6666666667px #00ff77, -87px -185.6666666667px #00eeff, 4px -196.6666666667px #5500ff, -217px -271.6666666667px #009dff, 114px -103.6666666667px #ff003c, 174px -196.6666666667px #ea00ff, 191px -359.6666666667px #ff00c4, 197px -367.6666666667px #00c8ff, -13px -68.6666666667px #d5ff00, 53px -266.6666666667px #ff005e, -237px -254.6666666667px #ff007b;
  }
}
@-ms-keyframes bang {
  to {
    box-shadow: -84px -186.6666666667px #00b7ff, 202px -59.6666666667px #00ffd0, -85px -209.6666666667px #33ff00, 20px -121.6666666667px #0004ff, 191px -108.6666666667px #00ff8c, -69px 27.3333333333px #00c8ff, -92px 3.3333333333px #0015ff, -211px -225.6666666667px #c4ff00, 14px -81.6666666667px #00d9ff, -19px -212.6666666667px #00ffa6, 164px -24.6666666667px #ff00c4, 144px -133.6666666667px #00fff7, 222px -95.6666666667px #00f2ff, 40px -135.6666666667px #ff9900, 220px -401.6666666667px #ff001a, 143px -397.6666666667px #ff0015, -53px -39.6666666667px #ff2600, -6px -156.6666666667px #0099ff, -155px 63.3333333333px #0d00ff, 159px -231.6666666667px #00ff84, 105px -297.6666666667px #008cff, -232px -139.6666666667px #c400ff, 220px -112.6666666667px #4dff00, -158px -359.6666666667px #f200ff, 200px -202.6666666667px #b300ff, 178px -385.6666666667px #ff00b3, -168px -131.6666666667px darkorange, -52px -118.6666666667px #ff5500, -45px 0.3333333333px #ff4800, 217px -291.6666666667px #a2ff00, -45px -252.6666666667px #6600ff, 149px -281.6666666667px #d900ff, 9px -216.6666666667px #0033ff, 172px -142.6666666667px #00ffe1, -163px -340.6666666667px #ff8400, -34px 21.3333333333px #ccff00, 211px -164.6666666667px #3700ff, 206px -392.6666666667px #00ffe6, -26px -248.6666666667px #33ff00, -233px -300.6666666667px #009dff, -177px -271.6666666667px #00ff77, -87px -185.6666666667px #00eeff, 4px -196.6666666667px #5500ff, -217px -271.6666666667px #009dff, 114px -103.6666666667px #ff003c, 174px -196.6666666667px #ea00ff, 191px -359.6666666667px #ff00c4, 197px -367.6666666667px #00c8ff, -13px -68.6666666667px #d5ff00, 53px -266.6666666667px #ff005e, -237px -254.6666666667px #ff007b;
  }
}
@keyframes bang {
  to {
    box-shadow: -84px -186.6666666667px #00b7ff, 202px -59.6666666667px #00ffd0, -85px -209.6666666667px #33ff00, 20px -121.6666666667px #0004ff, 191px -108.6666666667px #00ff8c, -69px 27.3333333333px #00c8ff, -92px 3.3333333333px #0015ff, -211px -225.6666666667px #c4ff00, 14px -81.6666666667px #00d9ff, -19px -212.6666666667px #00ffa6, 164px -24.6666666667px #ff00c4, 144px -133.6666666667px #00fff7, 222px -95.6666666667px #00f2ff, 40px -135.6666666667px #ff9900, 220px -401.6666666667px #ff001a, 143px -397.6666666667px #ff0015, -53px -39.6666666667px #ff2600, -6px -156.6666666667px #0099ff, -155px 63.3333333333px #0d00ff, 159px -231.6666666667px #00ff84, 105px -297.6666666667px #008cff, -232px -139.6666666667px #c400ff, 220px -112.6666666667px #4dff00, -158px -359.6666666667px #f200ff, 200px -202.6666666667px #b300ff, 178px -385.6666666667px #ff00b3, -168px -131.6666666667px darkorange, -52px -118.6666666667px #ff5500, -45px 0.3333333333px #ff4800, 217px -291.6666666667px #a2ff00, -45px -252.6666666667px #6600ff, 149px -281.6666666667px #d900ff, 9px -216.6666666667px #0033ff, 172px -142.6666666667px #00ffe1, -163px -340.6666666667px #ff8400, -34px 21.3333333333px #ccff00, 211px -164.6666666667px #3700ff, 206px -392.6666666667px #00ffe6, -26px -248.6666666667px #33ff00, -233px -300.6666666667px #009dff, -177px -271.6666666667px #00ff77, -87px -185.6666666667px #00eeff, 4px -196.6666666667px #5500ff, -217px -271.6666666667px #009dff, 114px -103.6666666667px #ff003c, 174px -196.6666666667px #ea00ff, 191px -359.6666666667px #ff00c4, 197px -367.6666666667px #00c8ff, -13px -68.6666666667px #d5ff00, 53px -266.6666666667px #ff005e, -237px -254.6666666667px #ff007b;
  }
}
@-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%;
  }
}