.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: -165px 0.3333333333px hsl(87, 100%, 50%), 157px -241.6666666667px hsl(3, 100%, 50%), 89px -384.6666666667px hsl(205, 100%, 50%), -230px -93.6666666667px hsl(316, 100%, 50%), -132px -15.6666666667px hsl(312, 100%, 50%), -90px -378.6666666667px hsl(55, 100%, 50%), 75px -7.6666666667px hsl(206, 100%, 50%), -119px -21.6666666667px hsl(7, 100%, 50%), 91px -85.6666666667px hsl(145, 100%, 50%), 190px -220.6666666667px hsl(270, 100%, 50%), 174px -347.6666666667px hsl(60, 100%, 50%), -181px -161.6666666667px hsl(312, 100%, 50%), -220px -285.6666666667px hsl(131, 100%, 50%), 91px -259.6666666667px hsl(227, 100%, 50%), 107px -179.6666666667px hsl(164, 100%, 50%), -9px -349.6666666667px hsl(128, 100%, 50%), 125px -351.6666666667px hsl(330, 100%, 50%), 31px -113.6666666667px hsl(294, 100%, 50%), 67px -66.6666666667px hsl(184, 100%, 50%), -169px -386.6666666667px hsl(244, 100%, 50%), 3px -131.6666666667px hsl(84, 100%, 50%), 161px -180.6666666667px hsl(6, 100%, 50%), 206px -67.6666666667px hsl(231, 100%, 50%), 248px -228.6666666667px hsl(56, 100%, 50%), -111px -286.6666666667px hsl(30, 100%, 50%), 110px 53.3333333333px hsl(254, 100%, 50%), -93px -368.6666666667px hsl(83, 100%, 50%), -184px 47.3333333333px hsl(22, 100%, 50%), -2px 15.3333333333px hsl(104, 100%, 50%), -102px -68.6666666667px hsl(95, 100%, 50%), 139px 68.3333333333px hsl(92, 100%, 50%), 165px -300.6666666667px hsl(164, 100%, 50%), 41px -8.6666666667px hsl(186, 100%, 50%), -133px -285.6666666667px hsl(141, 100%, 50%), 27px -59.6666666667px hsl(162, 100%, 50%), -40px -411.6666666667px hsl(185, 100%, 50%), -156px -360.6666666667px hsl(267, 100%, 50%), -203px -415.6666666667px hsl(228, 100%, 50%), 77px -297.6666666667px hsl(237, 100%, 50%), 82px 21.3333333333px hsl(23, 100%, 50%), -23px -102.6666666667px hsl(311, 100%, 50%), 130px -100.6666666667px hsl(82, 100%, 50%), 120px -108.6666666667px hsl(342, 100%, 50%), -227px -151.6666666667px hsl(308, 100%, 50%), 239px -61.6666666667px hsl(205, 100%, 50%), 137px -117.6666666667px hsl(330, 100%, 50%), 225px -354.6666666667px hsl(344, 100%, 50%), -56px -148.6666666667px hsl(261, 100%, 50%), 244px -411.6666666667px hsl(56, 100%, 50%), 37px -50.6666666667px hsl(96, 100%, 50%), 14px 41.3333333333px hsl(11, 100%, 50%);
  }
}
@-moz-keyframes bang {
  to {
    box-shadow: -165px 0.3333333333px hsl(87, 100%, 50%), 157px -241.6666666667px hsl(3, 100%, 50%), 89px -384.6666666667px hsl(205, 100%, 50%), -230px -93.6666666667px hsl(316, 100%, 50%), -132px -15.6666666667px hsl(312, 100%, 50%), -90px -378.6666666667px hsl(55, 100%, 50%), 75px -7.6666666667px hsl(206, 100%, 50%), -119px -21.6666666667px hsl(7, 100%, 50%), 91px -85.6666666667px hsl(145, 100%, 50%), 190px -220.6666666667px hsl(270, 100%, 50%), 174px -347.6666666667px hsl(60, 100%, 50%), -181px -161.6666666667px hsl(312, 100%, 50%), -220px -285.6666666667px hsl(131, 100%, 50%), 91px -259.6666666667px hsl(227, 100%, 50%), 107px -179.6666666667px hsl(164, 100%, 50%), -9px -349.6666666667px hsl(128, 100%, 50%), 125px -351.6666666667px hsl(330, 100%, 50%), 31px -113.6666666667px hsl(294, 100%, 50%), 67px -66.6666666667px hsl(184, 100%, 50%), -169px -386.6666666667px hsl(244, 100%, 50%), 3px -131.6666666667px hsl(84, 100%, 50%), 161px -180.6666666667px hsl(6, 100%, 50%), 206px -67.6666666667px hsl(231, 100%, 50%), 248px -228.6666666667px hsl(56, 100%, 50%), -111px -286.6666666667px hsl(30, 100%, 50%), 110px 53.3333333333px hsl(254, 100%, 50%), -93px -368.6666666667px hsl(83, 100%, 50%), -184px 47.3333333333px hsl(22, 100%, 50%), -2px 15.3333333333px hsl(104, 100%, 50%), -102px -68.6666666667px hsl(95, 100%, 50%), 139px 68.3333333333px hsl(92, 100%, 50%), 165px -300.6666666667px hsl(164, 100%, 50%), 41px -8.6666666667px hsl(186, 100%, 50%), -133px -285.6666666667px hsl(141, 100%, 50%), 27px -59.6666666667px hsl(162, 100%, 50%), -40px -411.6666666667px hsl(185, 100%, 50%), -156px -360.6666666667px hsl(267, 100%, 50%), -203px -415.6666666667px hsl(228, 100%, 50%), 77px -297.6666666667px hsl(237, 100%, 50%), 82px 21.3333333333px hsl(23, 100%, 50%), -23px -102.6666666667px hsl(311, 100%, 50%), 130px -100.6666666667px hsl(82, 100%, 50%), 120px -108.6666666667px hsl(342, 100%, 50%), -227px -151.6666666667px hsl(308, 100%, 50%), 239px -61.6666666667px hsl(205, 100%, 50%), 137px -117.6666666667px hsl(330, 100%, 50%), 225px -354.6666666667px hsl(344, 100%, 50%), -56px -148.6666666667px hsl(261, 100%, 50%), 244px -411.6666666667px hsl(56, 100%, 50%), 37px -50.6666666667px hsl(96, 100%, 50%), 14px 41.3333333333px hsl(11, 100%, 50%);
  }
}
@-o-keyframes bang {
  to {
    box-shadow: -165px 0.3333333333px hsl(87, 100%, 50%), 157px -241.6666666667px hsl(3, 100%, 50%), 89px -384.6666666667px hsl(205, 100%, 50%), -230px -93.6666666667px hsl(316, 100%, 50%), -132px -15.6666666667px hsl(312, 100%, 50%), -90px -378.6666666667px hsl(55, 100%, 50%), 75px -7.6666666667px hsl(206, 100%, 50%), -119px -21.6666666667px hsl(7, 100%, 50%), 91px -85.6666666667px hsl(145, 100%, 50%), 190px -220.6666666667px hsl(270, 100%, 50%), 174px -347.6666666667px hsl(60, 100%, 50%), -181px -161.6666666667px hsl(312, 100%, 50%), -220px -285.6666666667px hsl(131, 100%, 50%), 91px -259.6666666667px hsl(227, 100%, 50%), 107px -179.6666666667px hsl(164, 100%, 50%), -9px -349.6666666667px hsl(128, 100%, 50%), 125px -351.6666666667px hsl(330, 100%, 50%), 31px -113.6666666667px hsl(294, 100%, 50%), 67px -66.6666666667px hsl(184, 100%, 50%), -169px -386.6666666667px hsl(244, 100%, 50%), 3px -131.6666666667px hsl(84, 100%, 50%), 161px -180.6666666667px hsl(6, 100%, 50%), 206px -67.6666666667px hsl(231, 100%, 50%), 248px -228.6666666667px hsl(56, 100%, 50%), -111px -286.6666666667px hsl(30, 100%, 50%), 110px 53.3333333333px hsl(254, 100%, 50%), -93px -368.6666666667px hsl(83, 100%, 50%), -184px 47.3333333333px hsl(22, 100%, 50%), -2px 15.3333333333px hsl(104, 100%, 50%), -102px -68.6666666667px hsl(95, 100%, 50%), 139px 68.3333333333px hsl(92, 100%, 50%), 165px -300.6666666667px hsl(164, 100%, 50%), 41px -8.6666666667px hsl(186, 100%, 50%), -133px -285.6666666667px hsl(141, 100%, 50%), 27px -59.6666666667px hsl(162, 100%, 50%), -40px -411.6666666667px hsl(185, 100%, 50%), -156px -360.6666666667px hsl(267, 100%, 50%), -203px -415.6666666667px hsl(228, 100%, 50%), 77px -297.6666666667px hsl(237, 100%, 50%), 82px 21.3333333333px hsl(23, 100%, 50%), -23px -102.6666666667px hsl(311, 100%, 50%), 130px -100.6666666667px hsl(82, 100%, 50%), 120px -108.6666666667px hsl(342, 100%, 50%), -227px -151.6666666667px hsl(308, 100%, 50%), 239px -61.6666666667px hsl(205, 100%, 50%), 137px -117.6666666667px hsl(330, 100%, 50%), 225px -354.6666666667px hsl(344, 100%, 50%), -56px -148.6666666667px hsl(261, 100%, 50%), 244px -411.6666666667px hsl(56, 100%, 50%), 37px -50.6666666667px hsl(96, 100%, 50%), 14px 41.3333333333px hsl(11, 100%, 50%);
  }
}
@-ms-keyframes bang {
  to {
    box-shadow: -165px 0.3333333333px hsl(87, 100%, 50%), 157px -241.6666666667px hsl(3, 100%, 50%), 89px -384.6666666667px hsl(205, 100%, 50%), -230px -93.6666666667px hsl(316, 100%, 50%), -132px -15.6666666667px hsl(312, 100%, 50%), -90px -378.6666666667px hsl(55, 100%, 50%), 75px -7.6666666667px hsl(206, 100%, 50%), -119px -21.6666666667px hsl(7, 100%, 50%), 91px -85.6666666667px hsl(145, 100%, 50%), 190px -220.6666666667px hsl(270, 100%, 50%), 174px -347.6666666667px hsl(60, 100%, 50%), -181px -161.6666666667px hsl(312, 100%, 50%), -220px -285.6666666667px hsl(131, 100%, 50%), 91px -259.6666666667px hsl(227, 100%, 50%), 107px -179.6666666667px hsl(164, 100%, 50%), -9px -349.6666666667px hsl(128, 100%, 50%), 125px -351.6666666667px hsl(330, 100%, 50%), 31px -113.6666666667px hsl(294, 100%, 50%), 67px -66.6666666667px hsl(184, 100%, 50%), -169px -386.6666666667px hsl(244, 100%, 50%), 3px -131.6666666667px hsl(84, 100%, 50%), 161px -180.6666666667px hsl(6, 100%, 50%), 206px -67.6666666667px hsl(231, 100%, 50%), 248px -228.6666666667px hsl(56, 100%, 50%), -111px -286.6666666667px hsl(30, 100%, 50%), 110px 53.3333333333px hsl(254, 100%, 50%), -93px -368.6666666667px hsl(83, 100%, 50%), -184px 47.3333333333px hsl(22, 100%, 50%), -2px 15.3333333333px hsl(104, 100%, 50%), -102px -68.6666666667px hsl(95, 100%, 50%), 139px 68.3333333333px hsl(92, 100%, 50%), 165px -300.6666666667px hsl(164, 100%, 50%), 41px -8.6666666667px hsl(186, 100%, 50%), -133px -285.6666666667px hsl(141, 100%, 50%), 27px -59.6666666667px hsl(162, 100%, 50%), -40px -411.6666666667px hsl(185, 100%, 50%), -156px -360.6666666667px hsl(267, 100%, 50%), -203px -415.6666666667px hsl(228, 100%, 50%), 77px -297.6666666667px hsl(237, 100%, 50%), 82px 21.3333333333px hsl(23, 100%, 50%), -23px -102.6666666667px hsl(311, 100%, 50%), 130px -100.6666666667px hsl(82, 100%, 50%), 120px -108.6666666667px hsl(342, 100%, 50%), -227px -151.6666666667px hsl(308, 100%, 50%), 239px -61.6666666667px hsl(205, 100%, 50%), 137px -117.6666666667px hsl(330, 100%, 50%), 225px -354.6666666667px hsl(344, 100%, 50%), -56px -148.6666666667px hsl(261, 100%, 50%), 244px -411.6666666667px hsl(56, 100%, 50%), 37px -50.6666666667px hsl(96, 100%, 50%), 14px 41.3333333333px hsl(11, 100%, 50%);
  }
}
@keyframes bang {
  to {
    box-shadow: -165px 0.3333333333px hsl(87, 100%, 50%), 157px -241.6666666667px hsl(3, 100%, 50%), 89px -384.6666666667px hsl(205, 100%, 50%), -230px -93.6666666667px hsl(316, 100%, 50%), -132px -15.6666666667px hsl(312, 100%, 50%), -90px -378.6666666667px hsl(55, 100%, 50%), 75px -7.6666666667px hsl(206, 100%, 50%), -119px -21.6666666667px hsl(7, 100%, 50%), 91px -85.6666666667px hsl(145, 100%, 50%), 190px -220.6666666667px hsl(270, 100%, 50%), 174px -347.6666666667px hsl(60, 100%, 50%), -181px -161.6666666667px hsl(312, 100%, 50%), -220px -285.6666666667px hsl(131, 100%, 50%), 91px -259.6666666667px hsl(227, 100%, 50%), 107px -179.6666666667px hsl(164, 100%, 50%), -9px -349.6666666667px hsl(128, 100%, 50%), 125px -351.6666666667px hsl(330, 100%, 50%), 31px -113.6666666667px hsl(294, 100%, 50%), 67px -66.6666666667px hsl(184, 100%, 50%), -169px -386.6666666667px hsl(244, 100%, 50%), 3px -131.6666666667px hsl(84, 100%, 50%), 161px -180.6666666667px hsl(6, 100%, 50%), 206px -67.6666666667px hsl(231, 100%, 50%), 248px -228.6666666667px hsl(56, 100%, 50%), -111px -286.6666666667px hsl(30, 100%, 50%), 110px 53.3333333333px hsl(254, 100%, 50%), -93px -368.6666666667px hsl(83, 100%, 50%), -184px 47.3333333333px hsl(22, 100%, 50%), -2px 15.3333333333px hsl(104, 100%, 50%), -102px -68.6666666667px hsl(95, 100%, 50%), 139px 68.3333333333px hsl(92, 100%, 50%), 165px -300.6666666667px hsl(164, 100%, 50%), 41px -8.6666666667px hsl(186, 100%, 50%), -133px -285.6666666667px hsl(141, 100%, 50%), 27px -59.6666666667px hsl(162, 100%, 50%), -40px -411.6666666667px hsl(185, 100%, 50%), -156px -360.6666666667px hsl(267, 100%, 50%), -203px -415.6666666667px hsl(228, 100%, 50%), 77px -297.6666666667px hsl(237, 100%, 50%), 82px 21.3333333333px hsl(23, 100%, 50%), -23px -102.6666666667px hsl(311, 100%, 50%), 130px -100.6666666667px hsl(82, 100%, 50%), 120px -108.6666666667px hsl(342, 100%, 50%), -227px -151.6666666667px hsl(308, 100%, 50%), 239px -61.6666666667px hsl(205, 100%, 50%), 137px -117.6666666667px hsl(330, 100%, 50%), 225px -354.6666666667px hsl(344, 100%, 50%), -56px -148.6666666667px hsl(261, 100%, 50%), 244px -411.6666666667px hsl(56, 100%, 50%), 37px -50.6666666667px hsl(96, 100%, 50%), 14px 41.3333333333px hsl(11, 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%;
  }
}