.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, 0 0 #fff;
  -moz-animation: 2s bang ease-out infinite backwards, 2s gravity ease-in infinite backwards, 10s position linear infinite backwards;
  -webkit-animation: 2s bang ease-out infinite backwards, 2s gravity ease-in infinite backwards, 10s position linear infinite backwards;
  -o-animation: 2s bang ease-out infinite backwards, 2s gravity ease-in infinite backwards, 10s position linear infinite backwards;
  -ms-animation: 2s bang ease-out infinite backwards, 2s gravity ease-in infinite backwards, 10s position linear infinite backwards;
  animation: 2s bang ease-out infinite backwards, 2s gravity ease-in infinite backwards, 10s position linear infinite backwards;
}

.pyro > .after {
  -moz-animation-delay: 2.5s, 2.5s, 2.5s;
  -webkit-animation-delay: 2.5s, 2.5s, 2.5s;
  -o-animation-delay: 2.5s, 2.5s, 2.5s;
  -ms-animation-delay: 2.5s, 2.5s, 2.5s;
  animation-delay: 2.5s, 2.5s, 2.5s;
  -moz-animation-duration: 2.5s, 2.5s, 12.5s;
  -webkit-animation-duration: 2.5s, 2.5s, 12.5s;
  -o-animation-duration: 2.5s, 2.5s, 12.5s;
  -ms-animation-duration: 2.5s, 2.5s, 12.5s;
  animation-duration: 2.5s, 2.5s, 12.5s;
}

@-webkit-keyframes bang {
  to {
    box-shadow: -107px -203.6666666667px #48ff00, 36px 35.3333333333px #ff00f7, -163px 48.3333333333px #00ffae, -147px -147.6666666667px #0011ff, 223px -201.6666666667px deepskyblue, -140px -288.6666666667px #ff009d, 225px -174.6666666667px #73ff00, -69px 70.3333333333px #00ff73, 143px -20.6666666667px #40ff00, 73px -334.6666666667px #26ff00, 39px 23.3333333333px #00eaff, 108px -403.6666666667px #40ff00, -111px -174.6666666667px #ff003c, -230px 3.3333333333px #0dff00, -86px -34.6666666667px #00ff95, -141px -166.6666666667px #ff0033, -214px -167.6666666667px #ff00cc, -156px 1.3333333333px #95ff00, 74px -66.6666666667px #ffee00, -207px -121.6666666667px #00d5ff, 151px -389.6666666667px #ff0400, -164px -382.6666666667px #8cff00, -153px -388.6666666667px #00ff15, 149px -158.6666666667px #0062ff, -70px -250.6666666667px #00ff15, -213px -64.6666666667px #ff0095, -203px -29.6666666667px #00fbff, 184px -159.6666666667px #0400ff, 115px -246.6666666667px #ff00ee, 52px -342.6666666667px #00ff6f, 0px -301.6666666667px #5500ff, -188px -53.6666666667px #11ff00, -158px -325.6666666667px #a2ff00, 148px -7.6666666667px #00ffb3, 89px -20.6666666667px #ff00a2, 191px -344.6666666667px #006fff, 66px -139.6666666667px #f200ff, -39px -125.6666666667px #ff003c, -100px -190.6666666667px #ff9100, -180px -140.6666666667px #0062ff, -1px -267.6666666667px #4000ff, -215px -311.6666666667px #b300ff, 168px -157.6666666667px #ff000d, -99px -339.6666666667px #ff0088, 97px -362.6666666667px darkorange, -22px -198.6666666667px #ff1e00, 53px 61.3333333333px #4000ff, -177px -204.6666666667px #00ff51, 154px -376.6666666667px #8cff00, -235px -385.6666666667px #e6ff00, 154px -114.6666666667px #b300ff;
  }
}
@-moz-keyframes bang {
  to {
    box-shadow: -107px -203.6666666667px #48ff00, 36px 35.3333333333px #ff00f7, -163px 48.3333333333px #00ffae, -147px -147.6666666667px #0011ff, 223px -201.6666666667px deepskyblue, -140px -288.6666666667px #ff009d, 225px -174.6666666667px #73ff00, -69px 70.3333333333px #00ff73, 143px -20.6666666667px #40ff00, 73px -334.6666666667px #26ff00, 39px 23.3333333333px #00eaff, 108px -403.6666666667px #40ff00, -111px -174.6666666667px #ff003c, -230px 3.3333333333px #0dff00, -86px -34.6666666667px #00ff95, -141px -166.6666666667px #ff0033, -214px -167.6666666667px #ff00cc, -156px 1.3333333333px #95ff00, 74px -66.6666666667px #ffee00, -207px -121.6666666667px #00d5ff, 151px -389.6666666667px #ff0400, -164px -382.6666666667px #8cff00, -153px -388.6666666667px #00ff15, 149px -158.6666666667px #0062ff, -70px -250.6666666667px #00ff15, -213px -64.6666666667px #ff0095, -203px -29.6666666667px #00fbff, 184px -159.6666666667px #0400ff, 115px -246.6666666667px #ff00ee, 52px -342.6666666667px #00ff6f, 0px -301.6666666667px #5500ff, -188px -53.6666666667px #11ff00, -158px -325.6666666667px #a2ff00, 148px -7.6666666667px #00ffb3, 89px -20.6666666667px #ff00a2, 191px -344.6666666667px #006fff, 66px -139.6666666667px #f200ff, -39px -125.6666666667px #ff003c, -100px -190.6666666667px #ff9100, -180px -140.6666666667px #0062ff, -1px -267.6666666667px #4000ff, -215px -311.6666666667px #b300ff, 168px -157.6666666667px #ff000d, -99px -339.6666666667px #ff0088, 97px -362.6666666667px darkorange, -22px -198.6666666667px #ff1e00, 53px 61.3333333333px #4000ff, -177px -204.6666666667px #00ff51, 154px -376.6666666667px #8cff00, -235px -385.6666666667px #e6ff00, 154px -114.6666666667px #b300ff;
  }
}
@-o-keyframes bang {
  to {
    box-shadow: -107px -203.6666666667px #48ff00, 36px 35.3333333333px #ff00f7, -163px 48.3333333333px #00ffae, -147px -147.6666666667px #0011ff, 223px -201.6666666667px deepskyblue, -140px -288.6666666667px #ff009d, 225px -174.6666666667px #73ff00, -69px 70.3333333333px #00ff73, 143px -20.6666666667px #40ff00, 73px -334.6666666667px #26ff00, 39px 23.3333333333px #00eaff, 108px -403.6666666667px #40ff00, -111px -174.6666666667px #ff003c, -230px 3.3333333333px #0dff00, -86px -34.6666666667px #00ff95, -141px -166.6666666667px #ff0033, -214px -167.6666666667px #ff00cc, -156px 1.3333333333px #95ff00, 74px -66.6666666667px #ffee00, -207px -121.6666666667px #00d5ff, 151px -389.6666666667px #ff0400, -164px -382.6666666667px #8cff00, -153px -388.6666666667px #00ff15, 149px -158.6666666667px #0062ff, -70px -250.6666666667px #00ff15, -213px -64.6666666667px #ff0095, -203px -29.6666666667px #00fbff, 184px -159.6666666667px #0400ff, 115px -246.6666666667px #ff00ee, 52px -342.6666666667px #00ff6f, 0px -301.6666666667px #5500ff, -188px -53.6666666667px #11ff00, -158px -325.6666666667px #a2ff00, 148px -7.6666666667px #00ffb3, 89px -20.6666666667px #ff00a2, 191px -344.6666666667px #006fff, 66px -139.6666666667px #f200ff, -39px -125.6666666667px #ff003c, -100px -190.6666666667px #ff9100, -180px -140.6666666667px #0062ff, -1px -267.6666666667px #4000ff, -215px -311.6666666667px #b300ff, 168px -157.6666666667px #ff000d, -99px -339.6666666667px #ff0088, 97px -362.6666666667px darkorange, -22px -198.6666666667px #ff1e00, 53px 61.3333333333px #4000ff, -177px -204.6666666667px #00ff51, 154px -376.6666666667px #8cff00, -235px -385.6666666667px #e6ff00, 154px -114.6666666667px #b300ff;
  }
}
@-ms-keyframes bang {
  to {
    box-shadow: -107px -203.6666666667px #48ff00, 36px 35.3333333333px #ff00f7, -163px 48.3333333333px #00ffae, -147px -147.6666666667px #0011ff, 223px -201.6666666667px deepskyblue, -140px -288.6666666667px #ff009d, 225px -174.6666666667px #73ff00, -69px 70.3333333333px #00ff73, 143px -20.6666666667px #40ff00, 73px -334.6666666667px #26ff00, 39px 23.3333333333px #00eaff, 108px -403.6666666667px #40ff00, -111px -174.6666666667px #ff003c, -230px 3.3333333333px #0dff00, -86px -34.6666666667px #00ff95, -141px -166.6666666667px #ff0033, -214px -167.6666666667px #ff00cc, -156px 1.3333333333px #95ff00, 74px -66.6666666667px #ffee00, -207px -121.6666666667px #00d5ff, 151px -389.6666666667px #ff0400, -164px -382.6666666667px #8cff00, -153px -388.6666666667px #00ff15, 149px -158.6666666667px #0062ff, -70px -250.6666666667px #00ff15, -213px -64.6666666667px #ff0095, -203px -29.6666666667px #00fbff, 184px -159.6666666667px #0400ff, 115px -246.6666666667px #ff00ee, 52px -342.6666666667px #00ff6f, 0px -301.6666666667px #5500ff, -188px -53.6666666667px #11ff00, -158px -325.6666666667px #a2ff00, 148px -7.6666666667px #00ffb3, 89px -20.6666666667px #ff00a2, 191px -344.6666666667px #006fff, 66px -139.6666666667px #f200ff, -39px -125.6666666667px #ff003c, -100px -190.6666666667px #ff9100, -180px -140.6666666667px #0062ff, -1px -267.6666666667px #4000ff, -215px -311.6666666667px #b300ff, 168px -157.6666666667px #ff000d, -99px -339.6666666667px #ff0088, 97px -362.6666666667px darkorange, -22px -198.6666666667px #ff1e00, 53px 61.3333333333px #4000ff, -177px -204.6666666667px #00ff51, 154px -376.6666666667px #8cff00, -235px -385.6666666667px #e6ff00, 154px -114.6666666667px #b300ff;
  }
}
@keyframes bang {
  to {
    box-shadow: -107px -203.6666666667px #48ff00, 36px 35.3333333333px #ff00f7, -163px 48.3333333333px #00ffae, -147px -147.6666666667px #0011ff, 223px -201.6666666667px deepskyblue, -140px -288.6666666667px #ff009d, 225px -174.6666666667px #73ff00, -69px 70.3333333333px #00ff73, 143px -20.6666666667px #40ff00, 73px -334.6666666667px #26ff00, 39px 23.3333333333px #00eaff, 108px -403.6666666667px #40ff00, -111px -174.6666666667px #ff003c, -230px 3.3333333333px #0dff00, -86px -34.6666666667px #00ff95, -141px -166.6666666667px #ff0033, -214px -167.6666666667px #ff00cc, -156px 1.3333333333px #95ff00, 74px -66.6666666667px #ffee00, -207px -121.6666666667px #00d5ff, 151px -389.6666666667px #ff0400, -164px -382.6666666667px #8cff00, -153px -388.6666666667px #00ff15, 149px -158.6666666667px #0062ff, -70px -250.6666666667px #00ff15, -213px -64.6666666667px #ff0095, -203px -29.6666666667px #00fbff, 184px -159.6666666667px #0400ff, 115px -246.6666666667px #ff00ee, 52px -342.6666666667px #00ff6f, 0px -301.6666666667px #5500ff, -188px -53.6666666667px #11ff00, -158px -325.6666666667px #a2ff00, 148px -7.6666666667px #00ffb3, 89px -20.6666666667px #ff00a2, 191px -344.6666666667px #006fff, 66px -139.6666666667px #f200ff, -39px -125.6666666667px #ff003c, -100px -190.6666666667px #ff9100, -180px -140.6666666667px #0062ff, -1px -267.6666666667px #4000ff, -215px -311.6666666667px #b300ff, 168px -157.6666666667px #ff000d, -99px -339.6666666667px #ff0088, 97px -362.6666666667px darkorange, -22px -198.6666666667px #ff1e00, 53px 61.3333333333px #4000ff, -177px -204.6666666667px #00ff51, 154px -376.6666666667px #8cff00, -235px -385.6666666667px #e6ff00, 154px -114.6666666667px #b300ff;
  }
}
@-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%;
  }
}