fireworks{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50000000;overflow:hidden;pointer-events:none}

.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: 63px -337.6666666667px #6200ff, 30px -401.6666666667px #00e6ff, -74px -95.6666666667px #ff6200, -54px -73.6666666667px #ffd500, -105px -34.6666666667px #ff3c00, -146px -310.6666666667px #00ffd5, -163px -350.6666666667px #ff6200, -232px -1.6666666667px #ffd000, -174px -303.6666666667px #1e00ff, 118px -335.6666666667px #84ff00, -88px -28.6666666667px #000dff, -22px -208.6666666667px #ffbf00, 244px -323.6666666667px #00ffc8, -53px -344.6666666667px #ff8800, -221px -61.6666666667px #ff00f7, 170px -312.6666666667px #00ff33, -70px -159.6666666667px #006fff, -90px 14.3333333333px #ff6a00, -228px -140.6666666667px #2b00ff, -78px -410.6666666667px #ff00dd, -20px -294.6666666667px #0037ff, -142px -415.6666666667px #ffae00, 142px -108.6666666667px #55ff00, 46px 49.3333333333px #009dff, -64px -391.6666666667px #ff0400, 157px -109.6666666667px #b3ff00, 95px -218.6666666667px #00b7ff, 141px -269.6666666667px #ffaa00, -158px -21.6666666667px #0900ff, -130px 65.3333333333px #9500ff, 225px -1.6666666667px #fff200, 21px -152.6666666667px aqua, -75px -293.6666666667px #0033ff, -46px -326.6666666667px #3cff00, 70px -224.6666666667px #ff6a00, 243px -149.6666666667px #00aeff, 139px -186.6666666667px #ffee00, 108px -190.6666666667px #55ff00, 65px -71.6666666667px #ff00cc, 35px -285.6666666667px #0400ff, -220px -165.6666666667px #44ff00, 90px -270.6666666667px #fff700, -62px -310.6666666667px #ff00a6, 13px 50.3333333333px #22ff00, -10px -45.6666666667px #ffa600, 220px -135.6666666667px #ff4400, -28px -30.6666666667px #4800ff, -193px -309.6666666667px #8400ff, 122px -200.6666666667px yellow, 131px -318.6666666667px #ff2f00, 122px -241.6666666667px #ff1a00;
  }
}
@-moz-keyframes bang {
  to {
    box-shadow: 63px -337.6666666667px #6200ff, 30px -401.6666666667px #00e6ff, -74px -95.6666666667px #ff6200, -54px -73.6666666667px #ffd500, -105px -34.6666666667px #ff3c00, -146px -310.6666666667px #00ffd5, -163px -350.6666666667px #ff6200, -232px -1.6666666667px #ffd000, -174px -303.6666666667px #1e00ff, 118px -335.6666666667px #84ff00, -88px -28.6666666667px #000dff, -22px -208.6666666667px #ffbf00, 244px -323.6666666667px #00ffc8, -53px -344.6666666667px #ff8800, -221px -61.6666666667px #ff00f7, 170px -312.6666666667px #00ff33, -70px -159.6666666667px #006fff, -90px 14.3333333333px #ff6a00, -228px -140.6666666667px #2b00ff, -78px -410.6666666667px #ff00dd, -20px -294.6666666667px #0037ff, -142px -415.6666666667px #ffae00, 142px -108.6666666667px #55ff00, 46px 49.3333333333px #009dff, -64px -391.6666666667px #ff0400, 157px -109.6666666667px #b3ff00, 95px -218.6666666667px #00b7ff, 141px -269.6666666667px #ffaa00, -158px -21.6666666667px #0900ff, -130px 65.3333333333px #9500ff, 225px -1.6666666667px #fff200, 21px -152.6666666667px aqua, -75px -293.6666666667px #0033ff, -46px -326.6666666667px #3cff00, 70px -224.6666666667px #ff6a00, 243px -149.6666666667px #00aeff, 139px -186.6666666667px #ffee00, 108px -190.6666666667px #55ff00, 65px -71.6666666667px #ff00cc, 35px -285.6666666667px #0400ff, -220px -165.6666666667px #44ff00, 90px -270.6666666667px #fff700, -62px -310.6666666667px #ff00a6, 13px 50.3333333333px #22ff00, -10px -45.6666666667px #ffa600, 220px -135.6666666667px #ff4400, -28px -30.6666666667px #4800ff, -193px -309.6666666667px #8400ff, 122px -200.6666666667px yellow, 131px -318.6666666667px #ff2f00, 122px -241.6666666667px #ff1a00;
  }
}
@-o-keyframes bang {
  to {
    box-shadow: 63px -337.6666666667px #6200ff, 30px -401.6666666667px #00e6ff, -74px -95.6666666667px #ff6200, -54px -73.6666666667px #ffd500, -105px -34.6666666667px #ff3c00, -146px -310.6666666667px #00ffd5, -163px -350.6666666667px #ff6200, -232px -1.6666666667px #ffd000, -174px -303.6666666667px #1e00ff, 118px -335.6666666667px #84ff00, -88px -28.6666666667px #000dff, -22px -208.6666666667px #ffbf00, 244px -323.6666666667px #00ffc8, -53px -344.6666666667px #ff8800, -221px -61.6666666667px #ff00f7, 170px -312.6666666667px #00ff33, -70px -159.6666666667px #006fff, -90px 14.3333333333px #ff6a00, -228px -140.6666666667px #2b00ff, -78px -410.6666666667px #ff00dd, -20px -294.6666666667px #0037ff, -142px -415.6666666667px #ffae00, 142px -108.6666666667px #55ff00, 46px 49.3333333333px #009dff, -64px -391.6666666667px #ff0400, 157px -109.6666666667px #b3ff00, 95px -218.6666666667px #00b7ff, 141px -269.6666666667px #ffaa00, -158px -21.6666666667px #0900ff, -130px 65.3333333333px #9500ff, 225px -1.6666666667px #fff200, 21px -152.6666666667px aqua, -75px -293.6666666667px #0033ff, -46px -326.6666666667px #3cff00, 70px -224.6666666667px #ff6a00, 243px -149.6666666667px #00aeff, 139px -186.6666666667px #ffee00, 108px -190.6666666667px #55ff00, 65px -71.6666666667px #ff00cc, 35px -285.6666666667px #0400ff, -220px -165.6666666667px #44ff00, 90px -270.6666666667px #fff700, -62px -310.6666666667px #ff00a6, 13px 50.3333333333px #22ff00, -10px -45.6666666667px #ffa600, 220px -135.6666666667px #ff4400, -28px -30.6666666667px #4800ff, -193px -309.6666666667px #8400ff, 122px -200.6666666667px yellow, 131px -318.6666666667px #ff2f00, 122px -241.6666666667px #ff1a00;
  }
}
@-ms-keyframes bang {
  to {
    box-shadow: 63px -337.6666666667px #6200ff, 30px -401.6666666667px #00e6ff, -74px -95.6666666667px #ff6200, -54px -73.6666666667px #ffd500, -105px -34.6666666667px #ff3c00, -146px -310.6666666667px #00ffd5, -163px -350.6666666667px #ff6200, -232px -1.6666666667px #ffd000, -174px -303.6666666667px #1e00ff, 118px -335.6666666667px #84ff00, -88px -28.6666666667px #000dff, -22px -208.6666666667px #ffbf00, 244px -323.6666666667px #00ffc8, -53px -344.6666666667px #ff8800, -221px -61.6666666667px #ff00f7, 170px -312.6666666667px #00ff33, -70px -159.6666666667px #006fff, -90px 14.3333333333px #ff6a00, -228px -140.6666666667px #2b00ff, -78px -410.6666666667px #ff00dd, -20px -294.6666666667px #0037ff, -142px -415.6666666667px #ffae00, 142px -108.6666666667px #55ff00, 46px 49.3333333333px #009dff, -64px -391.6666666667px #ff0400, 157px -109.6666666667px #b3ff00, 95px -218.6666666667px #00b7ff, 141px -269.6666666667px #ffaa00, -158px -21.6666666667px #0900ff, -130px 65.3333333333px #9500ff, 225px -1.6666666667px #fff200, 21px -152.6666666667px aqua, -75px -293.6666666667px #0033ff, -46px -326.6666666667px #3cff00, 70px -224.6666666667px #ff6a00, 243px -149.6666666667px #00aeff, 139px -186.6666666667px #ffee00, 108px -190.6666666667px #55ff00, 65px -71.6666666667px #ff00cc, 35px -285.6666666667px #0400ff, -220px -165.6666666667px #44ff00, 90px -270.6666666667px #fff700, -62px -310.6666666667px #ff00a6, 13px 50.3333333333px #22ff00, -10px -45.6666666667px #ffa600, 220px -135.6666666667px #ff4400, -28px -30.6666666667px #4800ff, -193px -309.6666666667px #8400ff, 122px -200.6666666667px yellow, 131px -318.6666666667px #ff2f00, 122px -241.6666666667px #ff1a00;
  }
}
@keyframes bang {
  to {
    box-shadow: 63px -337.6666666667px #6200ff, 30px -401.6666666667px #00e6ff, -74px -95.6666666667px #ff6200, -54px -73.6666666667px #ffd500, -105px -34.6666666667px #ff3c00, -146px -310.6666666667px #00ffd5, -163px -350.6666666667px #ff6200, -232px -1.6666666667px #ffd000, -174px -303.6666666667px #1e00ff, 118px -335.6666666667px #84ff00, -88px -28.6666666667px #000dff, -22px -208.6666666667px #ffbf00, 244px -323.6666666667px #00ffc8, -53px -344.6666666667px #ff8800, -221px -61.6666666667px #ff00f7, 170px -312.6666666667px #00ff33, -70px -159.6666666667px #006fff, -90px 14.3333333333px #ff6a00, -228px -140.6666666667px #2b00ff, -78px -410.6666666667px #ff00dd, -20px -294.6666666667px #0037ff, -142px -415.6666666667px #ffae00, 142px -108.6666666667px #55ff00, 46px 49.3333333333px #009dff, -64px -391.6666666667px #ff0400, 157px -109.6666666667px #b3ff00, 95px -218.6666666667px #00b7ff, 141px -269.6666666667px #ffaa00, -158px -21.6666666667px #0900ff, -130px 65.3333333333px #9500ff, 225px -1.6666666667px #fff200, 21px -152.6666666667px aqua, -75px -293.6666666667px #0033ff, -46px -326.6666666667px #3cff00, 70px -224.6666666667px #ff6a00, 243px -149.6666666667px #00aeff, 139px -186.6666666667px #ffee00, 108px -190.6666666667px #55ff00, 65px -71.6666666667px #ff00cc, 35px -285.6666666667px #0400ff, -220px -165.6666666667px #44ff00, 90px -270.6666666667px #fff700, -62px -310.6666666667px #ff00a6, 13px 50.3333333333px #22ff00, -10px -45.6666666667px #ffa600, 220px -135.6666666667px #ff4400, -28px -30.6666666667px #4800ff, -193px -309.6666666667px #8400ff, 122px -200.6666666667px yellow, 131px -318.6666666667px #ff2f00, 122px -241.6666666667px #ff1a00;
  }
}
@-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%;
  }
}