.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: 1px -294.6666666667px hsl(232, 100%, 50%), 89px -199.6666666667px hsl(272, 100%, 50%), -237px -312.6666666667px hsl(190, 100%, 50%), -238px -359.6666666667px hsl(195, 100%, 50%), 17px -280.6666666667px hsl(299, 100%, 50%), -142px -260.6666666667px hsl(183, 100%, 50%), -186px -199.6666666667px hsl(32, 100%, 50%), 159px -244.6666666667px hsl(123, 100%, 50%), -161px -126.6666666667px hsl(235, 100%, 50%), -164px -240.6666666667px hsl(327, 100%, 50%), 46px 71.3333333333px hsl(221, 100%, 50%), -121px -18.6666666667px hsl(21, 100%, 50%), 211px -95.6666666667px hsl(204, 100%, 50%), 232px 32.3333333333px hsl(46, 100%, 50%), -183px -356.6666666667px hsl(119, 100%, 50%), 130px -330.6666666667px hsl(64, 100%, 50%), 45px -368.6666666667px hsl(42, 100%, 50%), 45px -342.6666666667px hsl(54, 100%, 50%), -109px -134.6666666667px hsl(267, 100%, 50%), 70px -152.6666666667px hsl(215, 100%, 50%), -81px -42.6666666667px hsl(143, 100%, 50%), 91px -214.6666666667px hsl(357, 100%, 50%), -54px -280.6666666667px hsl(42, 100%, 50%), 234px -187.6666666667px hsl(273, 100%, 50%), -144px -203.6666666667px hsl(36, 100%, 50%), 98px -331.6666666667px hsl(88, 100%, 50%), -17px -128.6666666667px hsl(286, 100%, 50%), 247px -117.6666666667px hsl(356, 100%, 50%), -35px -355.6666666667px hsl(328, 100%, 50%), -12px 82.3333333333px hsl(5, 100%, 50%), 132px -374.6666666667px hsl(189, 100%, 50%), 94px -163.6666666667px hsl(345, 100%, 50%), 94px 53.3333333333px hsl(149, 100%, 50%), -59px -62.6666666667px hsl(341, 100%, 50%), -34px -349.6666666667px hsl(357, 100%, 50%), 195px -193.6666666667px hsl(226, 100%, 50%), 208px -346.6666666667px hsl(30, 100%, 50%), 97px -143.6666666667px hsl(81, 100%, 50%), 72px -277.6666666667px hsl(197, 100%, 50%), -3px -137.6666666667px hsl(72, 100%, 50%), -11px -84.6666666667px hsl(126, 100%, 50%), -158px -117.6666666667px hsl(100, 100%, 50%), 228px 22.3333333333px hsl(41, 100%, 50%), -184px -120.6666666667px hsl(329, 100%, 50%), -37px 37.3333333333px hsl(145, 100%, 50%), 94px -317.6666666667px hsl(200, 100%, 50%), -128px -255.6666666667px hsl(324, 100%, 50%), -80px -70.6666666667px hsl(56, 100%, 50%), -158px -184.6666666667px hsl(217, 100%, 50%), -148px -268.6666666667px hsl(2, 100%, 50%), 34px -412.6666666667px hsl(271, 100%, 50%);
  }
}
@-moz-keyframes bang {
  to {
    box-shadow: 1px -294.6666666667px hsl(232, 100%, 50%), 89px -199.6666666667px hsl(272, 100%, 50%), -237px -312.6666666667px hsl(190, 100%, 50%), -238px -359.6666666667px hsl(195, 100%, 50%), 17px -280.6666666667px hsl(299, 100%, 50%), -142px -260.6666666667px hsl(183, 100%, 50%), -186px -199.6666666667px hsl(32, 100%, 50%), 159px -244.6666666667px hsl(123, 100%, 50%), -161px -126.6666666667px hsl(235, 100%, 50%), -164px -240.6666666667px hsl(327, 100%, 50%), 46px 71.3333333333px hsl(221, 100%, 50%), -121px -18.6666666667px hsl(21, 100%, 50%), 211px -95.6666666667px hsl(204, 100%, 50%), 232px 32.3333333333px hsl(46, 100%, 50%), -183px -356.6666666667px hsl(119, 100%, 50%), 130px -330.6666666667px hsl(64, 100%, 50%), 45px -368.6666666667px hsl(42, 100%, 50%), 45px -342.6666666667px hsl(54, 100%, 50%), -109px -134.6666666667px hsl(267, 100%, 50%), 70px -152.6666666667px hsl(215, 100%, 50%), -81px -42.6666666667px hsl(143, 100%, 50%), 91px -214.6666666667px hsl(357, 100%, 50%), -54px -280.6666666667px hsl(42, 100%, 50%), 234px -187.6666666667px hsl(273, 100%, 50%), -144px -203.6666666667px hsl(36, 100%, 50%), 98px -331.6666666667px hsl(88, 100%, 50%), -17px -128.6666666667px hsl(286, 100%, 50%), 247px -117.6666666667px hsl(356, 100%, 50%), -35px -355.6666666667px hsl(328, 100%, 50%), -12px 82.3333333333px hsl(5, 100%, 50%), 132px -374.6666666667px hsl(189, 100%, 50%), 94px -163.6666666667px hsl(345, 100%, 50%), 94px 53.3333333333px hsl(149, 100%, 50%), -59px -62.6666666667px hsl(341, 100%, 50%), -34px -349.6666666667px hsl(357, 100%, 50%), 195px -193.6666666667px hsl(226, 100%, 50%), 208px -346.6666666667px hsl(30, 100%, 50%), 97px -143.6666666667px hsl(81, 100%, 50%), 72px -277.6666666667px hsl(197, 100%, 50%), -3px -137.6666666667px hsl(72, 100%, 50%), -11px -84.6666666667px hsl(126, 100%, 50%), -158px -117.6666666667px hsl(100, 100%, 50%), 228px 22.3333333333px hsl(41, 100%, 50%), -184px -120.6666666667px hsl(329, 100%, 50%), -37px 37.3333333333px hsl(145, 100%, 50%), 94px -317.6666666667px hsl(200, 100%, 50%), -128px -255.6666666667px hsl(324, 100%, 50%), -80px -70.6666666667px hsl(56, 100%, 50%), -158px -184.6666666667px hsl(217, 100%, 50%), -148px -268.6666666667px hsl(2, 100%, 50%), 34px -412.6666666667px hsl(271, 100%, 50%);
  }
}
@-o-keyframes bang {
  to {
    box-shadow: 1px -294.6666666667px hsl(232, 100%, 50%), 89px -199.6666666667px hsl(272, 100%, 50%), -237px -312.6666666667px hsl(190, 100%, 50%), -238px -359.6666666667px hsl(195, 100%, 50%), 17px -280.6666666667px hsl(299, 100%, 50%), -142px -260.6666666667px hsl(183, 100%, 50%), -186px -199.6666666667px hsl(32, 100%, 50%), 159px -244.6666666667px hsl(123, 100%, 50%), -161px -126.6666666667px hsl(235, 100%, 50%), -164px -240.6666666667px hsl(327, 100%, 50%), 46px 71.3333333333px hsl(221, 100%, 50%), -121px -18.6666666667px hsl(21, 100%, 50%), 211px -95.6666666667px hsl(204, 100%, 50%), 232px 32.3333333333px hsl(46, 100%, 50%), -183px -356.6666666667px hsl(119, 100%, 50%), 130px -330.6666666667px hsl(64, 100%, 50%), 45px -368.6666666667px hsl(42, 100%, 50%), 45px -342.6666666667px hsl(54, 100%, 50%), -109px -134.6666666667px hsl(267, 100%, 50%), 70px -152.6666666667px hsl(215, 100%, 50%), -81px -42.6666666667px hsl(143, 100%, 50%), 91px -214.6666666667px hsl(357, 100%, 50%), -54px -280.6666666667px hsl(42, 100%, 50%), 234px -187.6666666667px hsl(273, 100%, 50%), -144px -203.6666666667px hsl(36, 100%, 50%), 98px -331.6666666667px hsl(88, 100%, 50%), -17px -128.6666666667px hsl(286, 100%, 50%), 247px -117.6666666667px hsl(356, 100%, 50%), -35px -355.6666666667px hsl(328, 100%, 50%), -12px 82.3333333333px hsl(5, 100%, 50%), 132px -374.6666666667px hsl(189, 100%, 50%), 94px -163.6666666667px hsl(345, 100%, 50%), 94px 53.3333333333px hsl(149, 100%, 50%), -59px -62.6666666667px hsl(341, 100%, 50%), -34px -349.6666666667px hsl(357, 100%, 50%), 195px -193.6666666667px hsl(226, 100%, 50%), 208px -346.6666666667px hsl(30, 100%, 50%), 97px -143.6666666667px hsl(81, 100%, 50%), 72px -277.6666666667px hsl(197, 100%, 50%), -3px -137.6666666667px hsl(72, 100%, 50%), -11px -84.6666666667px hsl(126, 100%, 50%), -158px -117.6666666667px hsl(100, 100%, 50%), 228px 22.3333333333px hsl(41, 100%, 50%), -184px -120.6666666667px hsl(329, 100%, 50%), -37px 37.3333333333px hsl(145, 100%, 50%), 94px -317.6666666667px hsl(200, 100%, 50%), -128px -255.6666666667px hsl(324, 100%, 50%), -80px -70.6666666667px hsl(56, 100%, 50%), -158px -184.6666666667px hsl(217, 100%, 50%), -148px -268.6666666667px hsl(2, 100%, 50%), 34px -412.6666666667px hsl(271, 100%, 50%);
  }
}
@-ms-keyframes bang {
  to {
    box-shadow: 1px -294.6666666667px hsl(232, 100%, 50%), 89px -199.6666666667px hsl(272, 100%, 50%), -237px -312.6666666667px hsl(190, 100%, 50%), -238px -359.6666666667px hsl(195, 100%, 50%), 17px -280.6666666667px hsl(299, 100%, 50%), -142px -260.6666666667px hsl(183, 100%, 50%), -186px -199.6666666667px hsl(32, 100%, 50%), 159px -244.6666666667px hsl(123, 100%, 50%), -161px -126.6666666667px hsl(235, 100%, 50%), -164px -240.6666666667px hsl(327, 100%, 50%), 46px 71.3333333333px hsl(221, 100%, 50%), -121px -18.6666666667px hsl(21, 100%, 50%), 211px -95.6666666667px hsl(204, 100%, 50%), 232px 32.3333333333px hsl(46, 100%, 50%), -183px -356.6666666667px hsl(119, 100%, 50%), 130px -330.6666666667px hsl(64, 100%, 50%), 45px -368.6666666667px hsl(42, 100%, 50%), 45px -342.6666666667px hsl(54, 100%, 50%), -109px -134.6666666667px hsl(267, 100%, 50%), 70px -152.6666666667px hsl(215, 100%, 50%), -81px -42.6666666667px hsl(143, 100%, 50%), 91px -214.6666666667px hsl(357, 100%, 50%), -54px -280.6666666667px hsl(42, 100%, 50%), 234px -187.6666666667px hsl(273, 100%, 50%), -144px -203.6666666667px hsl(36, 100%, 50%), 98px -331.6666666667px hsl(88, 100%, 50%), -17px -128.6666666667px hsl(286, 100%, 50%), 247px -117.6666666667px hsl(356, 100%, 50%), -35px -355.6666666667px hsl(328, 100%, 50%), -12px 82.3333333333px hsl(5, 100%, 50%), 132px -374.6666666667px hsl(189, 100%, 50%), 94px -163.6666666667px hsl(345, 100%, 50%), 94px 53.3333333333px hsl(149, 100%, 50%), -59px -62.6666666667px hsl(341, 100%, 50%), -34px -349.6666666667px hsl(357, 100%, 50%), 195px -193.6666666667px hsl(226, 100%, 50%), 208px -346.6666666667px hsl(30, 100%, 50%), 97px -143.6666666667px hsl(81, 100%, 50%), 72px -277.6666666667px hsl(197, 100%, 50%), -3px -137.6666666667px hsl(72, 100%, 50%), -11px -84.6666666667px hsl(126, 100%, 50%), -158px -117.6666666667px hsl(100, 100%, 50%), 228px 22.3333333333px hsl(41, 100%, 50%), -184px -120.6666666667px hsl(329, 100%, 50%), -37px 37.3333333333px hsl(145, 100%, 50%), 94px -317.6666666667px hsl(200, 100%, 50%), -128px -255.6666666667px hsl(324, 100%, 50%), -80px -70.6666666667px hsl(56, 100%, 50%), -158px -184.6666666667px hsl(217, 100%, 50%), -148px -268.6666666667px hsl(2, 100%, 50%), 34px -412.6666666667px hsl(271, 100%, 50%);
  }
}
@keyframes bang {
  to {
    box-shadow: 1px -294.6666666667px hsl(232, 100%, 50%), 89px -199.6666666667px hsl(272, 100%, 50%), -237px -312.6666666667px hsl(190, 100%, 50%), -238px -359.6666666667px hsl(195, 100%, 50%), 17px -280.6666666667px hsl(299, 100%, 50%), -142px -260.6666666667px hsl(183, 100%, 50%), -186px -199.6666666667px hsl(32, 100%, 50%), 159px -244.6666666667px hsl(123, 100%, 50%), -161px -126.6666666667px hsl(235, 100%, 50%), -164px -240.6666666667px hsl(327, 100%, 50%), 46px 71.3333333333px hsl(221, 100%, 50%), -121px -18.6666666667px hsl(21, 100%, 50%), 211px -95.6666666667px hsl(204, 100%, 50%), 232px 32.3333333333px hsl(46, 100%, 50%), -183px -356.6666666667px hsl(119, 100%, 50%), 130px -330.6666666667px hsl(64, 100%, 50%), 45px -368.6666666667px hsl(42, 100%, 50%), 45px -342.6666666667px hsl(54, 100%, 50%), -109px -134.6666666667px hsl(267, 100%, 50%), 70px -152.6666666667px hsl(215, 100%, 50%), -81px -42.6666666667px hsl(143, 100%, 50%), 91px -214.6666666667px hsl(357, 100%, 50%), -54px -280.6666666667px hsl(42, 100%, 50%), 234px -187.6666666667px hsl(273, 100%, 50%), -144px -203.6666666667px hsl(36, 100%, 50%), 98px -331.6666666667px hsl(88, 100%, 50%), -17px -128.6666666667px hsl(286, 100%, 50%), 247px -117.6666666667px hsl(356, 100%, 50%), -35px -355.6666666667px hsl(328, 100%, 50%), -12px 82.3333333333px hsl(5, 100%, 50%), 132px -374.6666666667px hsl(189, 100%, 50%), 94px -163.6666666667px hsl(345, 100%, 50%), 94px 53.3333333333px hsl(149, 100%, 50%), -59px -62.6666666667px hsl(341, 100%, 50%), -34px -349.6666666667px hsl(357, 100%, 50%), 195px -193.6666666667px hsl(226, 100%, 50%), 208px -346.6666666667px hsl(30, 100%, 50%), 97px -143.6666666667px hsl(81, 100%, 50%), 72px -277.6666666667px hsl(197, 100%, 50%), -3px -137.6666666667px hsl(72, 100%, 50%), -11px -84.6666666667px hsl(126, 100%, 50%), -158px -117.6666666667px hsl(100, 100%, 50%), 228px 22.3333333333px hsl(41, 100%, 50%), -184px -120.6666666667px hsl(329, 100%, 50%), -37px 37.3333333333px hsl(145, 100%, 50%), 94px -317.6666666667px hsl(200, 100%, 50%), -128px -255.6666666667px hsl(324, 100%, 50%), -80px -70.6666666667px hsl(56, 100%, 50%), -158px -184.6666666667px hsl(217, 100%, 50%), -148px -268.6666666667px hsl(2, 100%, 50%), 34px -412.6666666667px hsl(271, 100%, 50%);
  }
}
@-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%;
  }
}