.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: -71px 76.3333333333px #00ffaa, 57px -275.6666666667px #00ffa6, -142px -136.6666666667px #ffea00, -32px -220.6666666667px #00ff2f, -68px -215.6666666667px #ff00e6, 245px -141.6666666667px #c4ff00, 69px -237.6666666667px #00ff1a, 53px -341.6666666667px #bbff00, -195px -114.6666666667px #00ffd0, 6px -245.6666666667px #00ff95, 117px -251.6666666667px #ffea00, 28px -201.6666666667px #00ffcc, 86px -339.6666666667px #ff9d00, 15px -136.6666666667px #0dff00, -211px -17.6666666667px #00e6ff, 226px -230.6666666667px #44ff00, 204px -14.6666666667px #00ffcc, -204px -198.6666666667px #000dff, -110px -94.6666666667px #00ff1e, 178px -141.6666666667px #00ffb3, -150px -40.6666666667px #00ff4d, -212px 62.3333333333px #ff00c4, -175px -163.6666666667px #37ff00, 58px 6.3333333333px #ff00bf, 204px -18.6666666667px #00ff6f, 49px -157.6666666667px #00ddff, 179px -144.6666666667px #33ff00, 56px -14.6666666667px #ffc800, -169px -391.6666666667px #00ff40, -80px -74.6666666667px #0037ff, 108px 67.3333333333px #00ffdd, 127px -287.6666666667px #fb00ff, -161px -77.6666666667px #a6ff00, -154px -59.6666666667px #95ff00, 211px -126.6666666667px #ff00c4, -79px -129.6666666667px #6600ff, 104px -194.6666666667px #ff2600, -149px -116.6666666667px #40ff00, 131px -167.6666666667px #ff00dd, -42px -226.6666666667px #5900ff, 199px 22.3333333333px #99ff00, 116px -23.6666666667px #6600ff, -89px 45.3333333333px #80ff00, 192px 61.3333333333px #ff0073, 144px -355.6666666667px #b300ff, -110px -353.6666666667px #ff00ee, -242px -375.6666666667px #ff001a, -156px 73.3333333333px #d500ff, 179px -46.6666666667px #ff0044, -97px 6.3333333333px #ff1e00, 25px -182.6666666667px #00f7ff;
    }
  }
  @-moz-keyframes bang {
    to {
      box-shadow: -71px 76.3333333333px #00ffaa, 57px -275.6666666667px #00ffa6, -142px -136.6666666667px #ffea00, -32px -220.6666666667px #00ff2f, -68px -215.6666666667px #ff00e6, 245px -141.6666666667px #c4ff00, 69px -237.6666666667px #00ff1a, 53px -341.6666666667px #bbff00, -195px -114.6666666667px #00ffd0, 6px -245.6666666667px #00ff95, 117px -251.6666666667px #ffea00, 28px -201.6666666667px #00ffcc, 86px -339.6666666667px #ff9d00, 15px -136.6666666667px #0dff00, -211px -17.6666666667px #00e6ff, 226px -230.6666666667px #44ff00, 204px -14.6666666667px #00ffcc, -204px -198.6666666667px #000dff, -110px -94.6666666667px #00ff1e, 178px -141.6666666667px #00ffb3, -150px -40.6666666667px #00ff4d, -212px 62.3333333333px #ff00c4, -175px -163.6666666667px #37ff00, 58px 6.3333333333px #ff00bf, 204px -18.6666666667px #00ff6f, 49px -157.6666666667px #00ddff, 179px -144.6666666667px #33ff00, 56px -14.6666666667px #ffc800, -169px -391.6666666667px #00ff40, -80px -74.6666666667px #0037ff, 108px 67.3333333333px #00ffdd, 127px -287.6666666667px #fb00ff, -161px -77.6666666667px #a6ff00, -154px -59.6666666667px #95ff00, 211px -126.6666666667px #ff00c4, -79px -129.6666666667px #6600ff, 104px -194.6666666667px #ff2600, -149px -116.6666666667px #40ff00, 131px -167.6666666667px #ff00dd, -42px -226.6666666667px #5900ff, 199px 22.3333333333px #99ff00, 116px -23.6666666667px #6600ff, -89px 45.3333333333px #80ff00, 192px 61.3333333333px #ff0073, 144px -355.6666666667px #b300ff, -110px -353.6666666667px #ff00ee, -242px -375.6666666667px #ff001a, -156px 73.3333333333px #d500ff, 179px -46.6666666667px #ff0044, -97px 6.3333333333px #ff1e00, 25px -182.6666666667px #00f7ff;
    }
  }
  @-o-keyframes bang {
    to {
      box-shadow: -71px 76.3333333333px #00ffaa, 57px -275.6666666667px #00ffa6, -142px -136.6666666667px #ffea00, -32px -220.6666666667px #00ff2f, -68px -215.6666666667px #ff00e6, 245px -141.6666666667px #c4ff00, 69px -237.6666666667px #00ff1a, 53px -341.6666666667px #bbff00, -195px -114.6666666667px #00ffd0, 6px -245.6666666667px #00ff95, 117px -251.6666666667px #ffea00, 28px -201.6666666667px #00ffcc, 86px -339.6666666667px #ff9d00, 15px -136.6666666667px #0dff00, -211px -17.6666666667px #00e6ff, 226px -230.6666666667px #44ff00, 204px -14.6666666667px #00ffcc, -204px -198.6666666667px #000dff, -110px -94.6666666667px #00ff1e, 178px -141.6666666667px #00ffb3, -150px -40.6666666667px #00ff4d, -212px 62.3333333333px #ff00c4, -175px -163.6666666667px #37ff00, 58px 6.3333333333px #ff00bf, 204px -18.6666666667px #00ff6f, 49px -157.6666666667px #00ddff, 179px -144.6666666667px #33ff00, 56px -14.6666666667px #ffc800, -169px -391.6666666667px #00ff40, -80px -74.6666666667px #0037ff, 108px 67.3333333333px #00ffdd, 127px -287.6666666667px #fb00ff, -161px -77.6666666667px #a6ff00, -154px -59.6666666667px #95ff00, 211px -126.6666666667px #ff00c4, -79px -129.6666666667px #6600ff, 104px -194.6666666667px #ff2600, -149px -116.6666666667px #40ff00, 131px -167.6666666667px #ff00dd, -42px -226.6666666667px #5900ff, 199px 22.3333333333px #99ff00, 116px -23.6666666667px #6600ff, -89px 45.3333333333px #80ff00, 192px 61.3333333333px #ff0073, 144px -355.6666666667px #b300ff, -110px -353.6666666667px #ff00ee, -242px -375.6666666667px #ff001a, -156px 73.3333333333px #d500ff, 179px -46.6666666667px #ff0044, -97px 6.3333333333px #ff1e00, 25px -182.6666666667px #00f7ff;
    }
  }
  @-ms-keyframes bang {
    to {
      box-shadow: -71px 76.3333333333px #00ffaa, 57px -275.6666666667px #00ffa6, -142px -136.6666666667px #ffea00, -32px -220.6666666667px #00ff2f, -68px -215.6666666667px #ff00e6, 245px -141.6666666667px #c4ff00, 69px -237.6666666667px #00ff1a, 53px -341.6666666667px #bbff00, -195px -114.6666666667px #00ffd0, 6px -245.6666666667px #00ff95, 117px -251.6666666667px #ffea00, 28px -201.6666666667px #00ffcc, 86px -339.6666666667px #ff9d00, 15px -136.6666666667px #0dff00, -211px -17.6666666667px #00e6ff, 226px -230.6666666667px #44ff00, 204px -14.6666666667px #00ffcc, -204px -198.6666666667px #000dff, -110px -94.6666666667px #00ff1e, 178px -141.6666666667px #00ffb3, -150px -40.6666666667px #00ff4d, -212px 62.3333333333px #ff00c4, -175px -163.6666666667px #37ff00, 58px 6.3333333333px #ff00bf, 204px -18.6666666667px #00ff6f, 49px -157.6666666667px #00ddff, 179px -144.6666666667px #33ff00, 56px -14.6666666667px #ffc800, -169px -391.6666666667px #00ff40, -80px -74.6666666667px #0037ff, 108px 67.3333333333px #00ffdd, 127px -287.6666666667px #fb00ff, -161px -77.6666666667px #a6ff00, -154px -59.6666666667px #95ff00, 211px -126.6666666667px #ff00c4, -79px -129.6666666667px #6600ff, 104px -194.6666666667px #ff2600, -149px -116.6666666667px #40ff00, 131px -167.6666666667px #ff00dd, -42px -226.6666666667px #5900ff, 199px 22.3333333333px #99ff00, 116px -23.6666666667px #6600ff, -89px 45.3333333333px #80ff00, 192px 61.3333333333px #ff0073, 144px -355.6666666667px #b300ff, -110px -353.6666666667px #ff00ee, -242px -375.6666666667px #ff001a, -156px 73.3333333333px #d500ff, 179px -46.6666666667px #ff0044, -97px 6.3333333333px #ff1e00, 25px -182.6666666667px #00f7ff;
    }
  }
  @keyframes bang {
    to {
      box-shadow: -71px 76.3333333333px #00ffaa, 57px -275.6666666667px #00ffa6, -142px -136.6666666667px #ffea00, -32px -220.6666666667px #00ff2f, -68px -215.6666666667px #ff00e6, 245px -141.6666666667px #c4ff00, 69px -237.6666666667px #00ff1a, 53px -341.6666666667px #bbff00, -195px -114.6666666667px #00ffd0, 6px -245.6666666667px #00ff95, 117px -251.6666666667px #ffea00, 28px -201.6666666667px #00ffcc, 86px -339.6666666667px #ff9d00, 15px -136.6666666667px #0dff00, -211px -17.6666666667px #00e6ff, 226px -230.6666666667px #44ff00, 204px -14.6666666667px #00ffcc, -204px -198.6666666667px #000dff, -110px -94.6666666667px #00ff1e, 178px -141.6666666667px #00ffb3, -150px -40.6666666667px #00ff4d, -212px 62.3333333333px #ff00c4, -175px -163.6666666667px #37ff00, 58px 6.3333333333px #ff00bf, 204px -18.6666666667px #00ff6f, 49px -157.6666666667px #00ddff, 179px -144.6666666667px #33ff00, 56px -14.6666666667px #ffc800, -169px -391.6666666667px #00ff40, -80px -74.6666666667px #0037ff, 108px 67.3333333333px #00ffdd, 127px -287.6666666667px #fb00ff, -161px -77.6666666667px #a6ff00, -154px -59.6666666667px #95ff00, 211px -126.6666666667px #ff00c4, -79px -129.6666666667px #6600ff, 104px -194.6666666667px #ff2600, -149px -116.6666666667px #40ff00, 131px -167.6666666667px #ff00dd, -42px -226.6666666667px #5900ff, 199px 22.3333333333px #99ff00, 116px -23.6666666667px #6600ff, -89px 45.3333333333px #80ff00, 192px 61.3333333333px #ff0073, 144px -355.6666666667px #b300ff, -110px -353.6666666667px #ff00ee, -242px -375.6666666667px #ff001a, -156px 73.3333333333px #d500ff, 179px -46.6666666667px #ff0044, -97px 6.3333333333px #ff1e00, 25px -182.6666666667px #00f7ff;
    }
  }
  @-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%;
    }
  }
  
  /*# sourceMappingURL=firework.css.map */