html,body{
    margin: 0;
}

.firework-container{
    width: 100%;
    height: 100vh;
    position: absolute;
    position: 50;
    display: none;
}

.point{
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    z-index: 100;
    animation-name: explode;
    animation-duration: 4s;
    animation-timing-function: linear;
}

.slogan{
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    font-weight: bold;
    font-size: 128px;
    display: flex;
    justify-content: center;
    align-items: center;
}


@keyframes explode-8-0 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 93%; top: 50%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-0{
    animation-name:  explode-8-0;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-9 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 10%; top: 68%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-9{
    animation-name:  explode-8-9;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-18 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 79%; top: 17%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-18{
    animation-name:  explode-8-18;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-27 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 37%; top: 91%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-27{
    animation-name:  explode-8-27;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-36 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 44%; top: 7%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-36{
    animation-name:  explode-8-36;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-45 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 73%; top: 87%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-45{
    animation-name:  explode-8-45;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-54 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 14%; top: 26%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-54{
    animation-name:  explode-8-54;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-63 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 93%; top: 57%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-63{
    animation-name:  explode-8-63;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-72 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 8%; top: 61%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-72{
    animation-name:  explode-8-72;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-81 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 84%; top: 23%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-81{
    animation-name:  explode-8-81;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-90 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 31%; top: 89%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-90{
    animation-name:  explode-8-90;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-99 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 52%; top: 7%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-99{
    animation-name:  explode-8-99;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-108 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 66%; top: 90%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-108{
    animation-name:  explode-8-108;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-117 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 19%; top: 20%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-117{
    animation-name:  explode-8-117;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-126 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 91%; top: 64%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-126{
    animation-name:  explode-8-126;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-135 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 7%; top: 54%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-135{
    animation-name:  explode-8-135;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-144 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 88%; top: 29%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-144{
    animation-name:  explode-8-144;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-153 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 24%; top: 85%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-153{
    animation-name:  explode-8-153;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-162 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 59%; top: 8%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-162{
    animation-name:  explode-8-162;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-171 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 59%; top: 92%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-171{
    animation-name:  explode-8-171;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-180 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 24%; top: 15%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-180{
    animation-name:  explode-8-180;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-189 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 88%; top: 71%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-189{
    animation-name:  explode-8-189;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-198 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 7%; top: 47%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-198{
    animation-name:  explode-8-198;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-207 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 91%; top: 35%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-207{
    animation-name:  explode-8-207;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-216 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 19%; top: 80%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-216{
    animation-name:  explode-8-216;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-225 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 66%; top: 10%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-225{
    animation-name:  explode-8-225;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-234 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 52%; top: 93%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-234{
    animation-name:  explode-8-234;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-243 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 30%; top: 11%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-243{
    animation-name:  explode-8-243;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-252 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 84%; top: 77%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-252{
    animation-name:  explode-8-252;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-261 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 8%; top: 39%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-261{
    animation-name:  explode-8-261;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-270 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 93%; top: 42%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-270{
    animation-name:  explode-8-270;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-279 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 14%; top: 75%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-279{
    animation-name:  explode-8-279;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-288 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 72%; top: 13%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-288{
    animation-name:  explode-8-288;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-297 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 45%; top: 93%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-297{
    animation-name:  explode-8-297;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-306 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 37%; top: 9%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-306{
    animation-name:  explode-8-306;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-315 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 79%; top: 82%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-315{
    animation-name:  explode-8-315;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-324 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 10%; top: 32%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-324{
    animation-name:  explode-8-324;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-333 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 93%; top: 50%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-333{
    animation-name:  explode-8-333;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-342 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 11%; top: 68%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-342{
    animation-name:  explode-8-342;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-8-351 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(184, 18, 51, 1)}
    100% {left: 78%; top: 17%; background-color: rgba(184, 18, 51, 0)}
}
.point-id-8-351{
    animation-name:  explode-8-351;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-0 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 88%; top: 50%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-0{
    animation-name:  explode-7-0;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-9 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 15%; top: 66%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-9{
    animation-name:  explode-7-9;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-18 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 75%; top: 21%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-18{
    animation-name:  explode-7-18;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-27 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 39%; top: 86%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-27{
    animation-name:  explode-7-27;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-36 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 45%; top: 12%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-36{
    animation-name:  explode-7-36;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-45 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 70%; top: 82%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-45{
    animation-name:  explode-7-45;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-54 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 19%; top: 29%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-54{
    animation-name:  explode-7-54;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-63 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 87%; top: 56%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-63{
    animation-name:  explode-7-63;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-72 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 13%; top: 60%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-72{
    animation-name:  explode-7-72;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-81 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 80%; top: 26%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-81{
    animation-name:  explode-7-81;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-90 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 33%; top: 84%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-90{
    animation-name:  explode-7-90;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-99 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 51%; top: 12%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-99{
    animation-name:  explode-7-99;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-108 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 64%; top: 85%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-108{
    animation-name:  explode-7-108;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-117 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 23%; top: 24%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-117{
    animation-name:  explode-7-117;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-126 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 86%; top: 63%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-126{
    animation-name:  explode-7-126;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-135 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 12%; top: 53%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-135{
    animation-name:  explode-7-135;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-144 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 83%; top: 31%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-144{
    animation-name:  explode-7-144;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-153 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 28%; top: 81%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-153{
    animation-name:  explode-7-153;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-162 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 58%; top: 13%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-162{
    animation-name:  explode-7-162;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-171 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 58%; top: 87%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-171{
    animation-name:  explode-7-171;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-180 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 27%; top: 20%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-180{
    animation-name:  explode-7-180;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-189 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 83%; top: 68%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-189{
    animation-name:  explode-7-189;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-198 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 12%; top: 47%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-198{
    animation-name:  explode-7-198;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-207 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 86%; top: 37%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-207{
    animation-name:  explode-7-207;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-216 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 23%; top: 76%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-216{
    animation-name:  explode-7-216;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-225 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 64%; top: 15%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-225{
    animation-name:  explode-7-225;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-234 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 52%; top: 88%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-234{
    animation-name:  explode-7-234;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-243 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 33%; top: 16%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-243{
    animation-name:  explode-7-243;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-252 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 80%; top: 74%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-252{
    animation-name:  explode-7-252;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-261 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 13%; top: 41%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-261{
    animation-name:  explode-7-261;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-270 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 87%; top: 43%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-270{
    animation-name:  explode-7-270;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-279 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 19%; top: 71%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-279{
    animation-name:  explode-7-279;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-288 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 70%; top: 18%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-288{
    animation-name:  explode-7-288;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-297 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 45%; top: 88%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-297{
    animation-name:  explode-7-297;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-306 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 39%; top: 14%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-306{
    animation-name:  explode-7-306;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-315 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 75%; top: 78%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-315{
    animation-name:  explode-7-315;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-324 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 15%; top: 35%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-324{
    animation-name:  explode-7-324;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-333 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 88%; top: 50%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-333{
    animation-name:  explode-7-333;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-342 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 16%; top: 66%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-342{
    animation-name:  explode-7-342;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-7-351 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(124, 72, 9, 1)}
    100% {left: 75%; top: 21%; background-color: rgba(124, 72, 9, 0)}
}
.point-id-7-351{
    animation-name:  explode-7-351;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-0 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 82%; top: 50%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-0{
    animation-name:  explode-6-0;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-9 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 20%; top: 63%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-9{
    animation-name:  explode-6-9;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-18 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 71%; top: 26%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-18{
    animation-name:  explode-6-18;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-27 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 40%; top: 81%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-27{
    animation-name:  explode-6-27;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-36 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 46%; top: 18%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-36{
    animation-name:  explode-6-36;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-45 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 67%; top: 78%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-45{
    animation-name:  explode-6-45;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-54 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 23%; top: 32%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-54{
    animation-name:  explode-6-54;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-63 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 82%; top: 55%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-63{
    animation-name:  explode-6-63;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-72 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 19%; top: 58%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-72{
    animation-name:  explode-6-72;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-81 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 75%; top: 30%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-81{
    animation-name:  explode-6-81;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-90 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 35%; top: 79%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-90{
    animation-name:  explode-6-90;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-99 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 51%; top: 18%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-99{
    animation-name:  explode-6-99;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-108 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 62%; top: 80%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-108{
    animation-name:  explode-6-108;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-117 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 26%; top: 28%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-117{
    animation-name:  explode-6-117;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-126 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 81%; top: 61%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-126{
    animation-name:  explode-6-126;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-135 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 18%; top: 53%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-135{
    animation-name:  explode-6-135;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-144 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 78%; top: 34%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-144{
    animation-name:  explode-6-144;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-153 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 31%; top: 76%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-153{
    animation-name:  explode-6-153;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-162 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 57%; top: 18%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-162{
    animation-name:  explode-6-162;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-171 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 57%; top: 82%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-171{
    animation-name:  explode-6-171;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-180 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 31%; top: 24%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-180{
    animation-name:  explode-6-180;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-189 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 78%; top: 66%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-189{
    animation-name:  explode-6-189;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-198 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 18%; top: 47%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-198{
    animation-name:  explode-6-198;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-207 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 81%; top: 39%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-207{
    animation-name:  explode-6-207;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-216 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 27%; top: 73%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-216{
    animation-name:  explode-6-216;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-225 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 62%; top: 20%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-225{
    animation-name:  explode-6-225;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-234 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 52%; top: 82%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-234{
    animation-name:  explode-6-234;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-243 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 35%; top: 21%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-243{
    animation-name:  explode-6-243;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-252 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 75%; top: 70%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-252{
    animation-name:  explode-6-252;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-261 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 19%; top: 42%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-261{
    animation-name:  explode-6-261;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-270 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 82%; top: 44%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-270{
    animation-name:  explode-6-270;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-279 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 23%; top: 68%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-279{
    animation-name:  explode-6-279;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-288 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 67%; top: 22%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-288{
    animation-name:  explode-6-288;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-297 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 46%; top: 82%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-297{
    animation-name:  explode-6-297;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-306 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 40%; top: 19%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-306{
    animation-name:  explode-6-306;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-315 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 72%; top: 74%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-315{
    animation-name:  explode-6-315;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-324 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 20%; top: 37%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-324{
    animation-name:  explode-6-324;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-333 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 82%; top: 50%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-333{
    animation-name:  explode-6-333;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-342 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 20%; top: 64%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-342{
    animation-name:  explode-6-342;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-6-351 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(191, 131, 58, 1)}
    100% {left: 71%; top: 25%; background-color: rgba(191, 131, 58, 0)}
}
.point-id-6-351{
    animation-name:  explode-6-351;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-0 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 77%; top: 50%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-0{
    animation-name:  explode-5-0;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-9 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 25%; top: 61%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-9{
    animation-name:  explode-5-9;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-18 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 68%; top: 30%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-18{
    animation-name:  explode-5-18;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-27 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 42%; top: 76%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-27{
    animation-name:  explode-5-27;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-36 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 47%; top: 23%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-36{
    animation-name:  explode-5-36;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-45 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 64%; top: 73%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-45{
    animation-name:  explode-5-45;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-54 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 28%; top: 35%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-54{
    animation-name:  explode-5-54;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-63 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 77%; top: 55%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-63{
    animation-name:  explode-5-63;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-72 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 24%; top: 57%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-72{
    animation-name:  explode-5-72;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-81 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 71%; top: 33%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-81{
    animation-name:  explode-5-81;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-90 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 38%; top: 74%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-90{
    animation-name:  explode-5-90;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-99 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 51%; top: 23%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-99{
    animation-name:  explode-5-99;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-108 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 60%; top: 75%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-108{
    animation-name:  explode-5-108;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-117 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 30%; top: 31%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-117{
    animation-name:  explode-5-117;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-126 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 76%; top: 59%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-126{
    animation-name:  explode-5-126;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-135 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 23%; top: 52%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-135{
    animation-name:  explode-5-135;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-144 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 74%; top: 37%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-144{
    animation-name:  explode-5-144;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-153 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 34%; top: 72%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-153{
    animation-name:  explode-5-153;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-162 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 56%; top: 23%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-162{
    animation-name:  explode-5-162;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-171 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 56%; top: 76%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-171{
    animation-name:  explode-5-171;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-180 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 34%; top: 28%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-180{
    animation-name:  explode-5-180;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-189 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 74%; top: 63%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-189{
    animation-name:  explode-5-189;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-198 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 23%; top: 48%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-198{
    animation-name:  explode-5-198;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-207 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 75%; top: 41%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-207{
    animation-name:  explode-5-207;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-216 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 31%; top: 69%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-216{
    animation-name:  explode-5-216;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-225 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 60%; top: 25%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-225{
    animation-name:  explode-5-225;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-234 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 51%; top: 77%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-234{
    animation-name:  explode-5-234;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-243 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 38%; top: 26%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-243{
    animation-name:  explode-5-243;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-252 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 71%; top: 67%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-252{
    animation-name:  explode-5-252;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-261 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 24%; top: 43%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-261{
    animation-name:  explode-5-261;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-270 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 77%; top: 45%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-270{
    animation-name:  explode-5-270;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-279 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 28%; top: 65%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-279{
    animation-name:  explode-5-279;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-288 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 64%; top: 27%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-288{
    animation-name:  explode-5-288;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-297 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 47%; top: 77%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-297{
    animation-name:  explode-5-297;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-306 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 42%; top: 24%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-306{
    animation-name:  explode-5-306;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-315 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 68%; top: 70%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-315{
    animation-name:  explode-5-315;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-324 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 25%; top: 39%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-324{
    animation-name:  explode-5-324;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-333 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 77%; top: 50%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-333{
    animation-name:  explode-5-333;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-342 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 25%; top: 61%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-342{
    animation-name:  explode-5-342;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-5-351 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 10, 135, 1)}
    100% {left: 68%; top: 30%; background-color: rgba(162, 10, 135, 0)}
}
.point-id-5-351{
    animation-name:  explode-5-351;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-0 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 72%; top: 50%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-0{
    animation-name:  explode-4-0;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-9 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 30%; top: 59%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-9{
    animation-name:  explode-4-9;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-18 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 64%; top: 34%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-18{
    animation-name:  explode-4-18;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-27 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 44%; top: 71%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-27{
    animation-name:  explode-4-27;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-36 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 47%; top: 29%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-36{
    animation-name:  explode-4-36;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-45 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 61%; top: 68%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-45{
    animation-name:  explode-4-45;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-54 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 32%; top: 38%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-54{
    animation-name:  explode-4-54;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-63 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 71%; top: 54%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-63{
    animation-name:  explode-4-63;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-72 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 29%; top: 56%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-72{
    animation-name:  explode-4-72;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-81 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 67%; top: 36%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-81{
    animation-name:  explode-4-81;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-90 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 40%; top: 69%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-90{
    animation-name:  explode-4-90;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-99 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 51%; top: 28%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-99{
    animation-name:  explode-4-99;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-108 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 58%; top: 70%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-108{
    animation-name:  explode-4-108;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-117 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 34%; top: 35%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-117{
    animation-name:  explode-4-117;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-126 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 70%; top: 57%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-126{
    animation-name:  explode-4-126;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-135 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 28%; top: 52%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-135{
    animation-name:  explode-4-135;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-144 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 69%; top: 39%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-144{
    animation-name:  explode-4-144;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-153 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 37%; top: 67%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-153{
    animation-name:  explode-4-153;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-162 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 54%; top: 29%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-162{
    animation-name:  explode-4-162;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-171 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 55%; top: 71%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-171{
    animation-name:  explode-4-171;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-180 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 37%; top: 33%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-180{
    animation-name:  explode-4-180;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-189 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 69%; top: 60%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-189{
    animation-name:  explode-4-189;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-198 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 28%; top: 48%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-198{
    animation-name:  explode-4-198;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-207 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 70%; top: 43%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-207{
    animation-name:  explode-4-207;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-216 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 34%; top: 65%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-216{
    animation-name:  explode-4-216;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-225 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 58%; top: 30%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-225{
    animation-name:  explode-4-225;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-234 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 51%; top: 72%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-234{
    animation-name:  explode-4-234;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-243 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 40%; top: 31%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-243{
    animation-name:  explode-4-243;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-252 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 67%; top: 63%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-252{
    animation-name:  explode-4-252;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-261 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 29%; top: 45%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-261{
    animation-name:  explode-4-261;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-270 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 71%; top: 46%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-270{
    animation-name:  explode-4-270;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-279 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 32%; top: 62%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-279{
    animation-name:  explode-4-279;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-288 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 61%; top: 31%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-288{
    animation-name:  explode-4-288;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-297 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 47%; top: 72%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-297{
    animation-name:  explode-4-297;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-306 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 43%; top: 29%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-306{
    animation-name:  explode-4-306;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-315 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 64%; top: 66%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-315{
    animation-name:  explode-4-315;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-324 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 30%; top: 41%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-324{
    animation-name:  explode-4-324;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-333 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 72%; top: 50%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-333{
    animation-name:  explode-4-333;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-342 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 30%; top: 59%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-342{
    animation-name:  explode-4-342;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-4-351 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(162, 23, 57, 1)}
    100% {left: 64%; top: 34%; background-color: rgba(162, 23, 57, 0)}
}
.point-id-4-351{
    animation-name:  explode-4-351;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-0 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 66%; top: 50%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-0{
    animation-name:  explode-3-0;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-9 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 35%; top: 57%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-9{
    animation-name:  explode-3-9;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-18 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 61%; top: 38%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-18{
    animation-name:  explode-3-18;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-27 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 45%; top: 66%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-27{
    animation-name:  explode-3-27;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-36 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 48%; top: 34%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-36{
    animation-name:  explode-3-36;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-45 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 59%; top: 64%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-45{
    animation-name:  explode-3-45;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-54 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 37%; top: 41%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-54{
    animation-name:  explode-3-54;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-63 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 66%; top: 53%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-63{
    animation-name:  explode-3-63;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-72 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 34%; top: 54%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-72{
    animation-name:  explode-3-72;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-81 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 63%; top: 40%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-81{
    animation-name:  explode-3-81;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-90 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 43%; top: 65%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-90{
    animation-name:  explode-3-90;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-99 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 51%; top: 34%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-99{
    animation-name:  explode-3-99;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-108 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 56%; top: 65%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-108{
    animation-name:  explode-3-108;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-117 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 38%; top: 39%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-117{
    animation-name:  explode-3-117;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-126 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 65%; top: 55%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-126{
    animation-name:  explode-3-126;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-135 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 34%; top: 51%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-135{
    animation-name:  explode-3-135;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-144 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 64%; top: 42%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-144{
    animation-name:  explode-3-144;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-153 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 40%; top: 63%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-153{
    animation-name:  explode-3-153;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-162 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 53%; top: 34%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-162{
    animation-name:  explode-3-162;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-171 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 53%; top: 66%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-171{
    animation-name:  explode-3-171;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-180 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 40%; top: 37%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-180{
    animation-name:  explode-3-180;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-189 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 64%; top: 58%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-189{
    animation-name:  explode-3-189;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-198 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 34%; top: 49%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-198{
    animation-name:  explode-3-198;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-207 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 65%; top: 44%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-207{
    animation-name:  explode-3-207;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-216 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 38%; top: 61%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-216{
    animation-name:  explode-3-216;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-225 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 56%; top: 35%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-225{
    animation-name:  explode-3-225;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-234 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 51%; top: 66%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-234{
    animation-name:  explode-3-234;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-243 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 43%; top: 36%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-243{
    animation-name:  explode-3-243;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-252 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 63%; top: 60%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-252{
    animation-name:  explode-3-252;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-261 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 34%; top: 46%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-261{
    animation-name:  explode-3-261;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-270 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 66%; top: 47%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-270{
    animation-name:  explode-3-270;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-279 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 37%; top: 59%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-279{
    animation-name:  explode-3-279;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-288 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 58%; top: 36%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-288{
    animation-name:  explode-3-288;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-297 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 48%; top: 66%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-297{
    animation-name:  explode-3-297;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-306 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 45%; top: 34%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-306{
    animation-name:  explode-3-306;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-315 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 61%; top: 62%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-315{
    animation-name:  explode-3-315;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-324 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 35%; top: 43%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-324{
    animation-name:  explode-3-324;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-333 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 66%; top: 50%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-333{
    animation-name:  explode-3-333;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-342 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 35%; top: 57%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-342{
    animation-name:  explode-3-342;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-3-351 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(211, 3, 3, 1)}
    100% {left: 61%; top: 38%; background-color: rgba(211, 3, 3, 0)}
}
.point-id-3-351{
    animation-name:  explode-3-351;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-0 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 61%; top: 50%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-0{
    animation-name:  explode-2-0;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-9 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 40%; top: 54%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-9{
    animation-name:  explode-2-9;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-18 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 57%; top: 42%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-18{
    animation-name:  explode-2-18;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-27 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 47%; top: 60%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-27{
    animation-name:  explode-2-27;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-36 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 49%; top: 39%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-36{
    animation-name:  explode-2-36;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-45 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 56%; top: 59%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-45{
    animation-name:  explode-2-45;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-54 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 41%; top: 44%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-54{
    animation-name:  explode-2-54;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-63 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 61%; top: 52%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-63{
    animation-name:  explode-2-63;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-72 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 40%; top: 53%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-72{
    animation-name:  explode-2-72;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-81 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 58%; top: 43%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-81{
    animation-name:  explode-2-81;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-90 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 45%; top: 60%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-90{
    animation-name:  explode-2-90;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-99 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 50%; top: 39%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-99{
    animation-name:  explode-2-99;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-108 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 54%; top: 60%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-108{
    animation-name:  explode-2-108;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-117 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 42%; top: 43%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-117{
    animation-name:  explode-2-117;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-126 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 60%; top: 54%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-126{
    animation-name:  explode-2-126;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-135 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 39%; top: 51%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-135{
    animation-name:  explode-2-135;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-144 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 59%; top: 45%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-144{
    animation-name:  explode-2-144;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-153 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 44%; top: 59%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-153{
    animation-name:  explode-2-153;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-162 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 52%; top: 39%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-162{
    animation-name:  explode-2-162;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-171 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 52%; top: 61%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-171{
    animation-name:  explode-2-171;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-180 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 44%; top: 41%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-180{
    animation-name:  explode-2-180;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-189 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 59%; top: 55%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-189{
    animation-name:  explode-2-189;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-198 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 39%; top: 49%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-198{
    animation-name:  explode-2-198;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-207 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 60%; top: 46%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-207{
    animation-name:  explode-2-207;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-216 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 42%; top: 58%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-216{
    animation-name:  explode-2-216;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-225 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 54%; top: 40%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-225{
    animation-name:  explode-2-225;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-234 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 50%; top: 61%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-234{
    animation-name:  explode-2-234;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-243 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 45%; top: 40%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-243{
    animation-name:  explode-2-243;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-252 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 58%; top: 57%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-252{
    animation-name:  explode-2-252;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-261 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 40%; top: 47%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-261{
    animation-name:  explode-2-261;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-270 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 61%; top: 48%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-270{
    animation-name:  explode-2-270;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-279 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 41%; top: 56%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-279{
    animation-name:  explode-2-279;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-288 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 56%; top: 41%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-288{
    animation-name:  explode-2-288;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-297 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 49%; top: 61%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-297{
    animation-name:  explode-2-297;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-306 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 47%; top: 40%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-306{
    animation-name:  explode-2-306;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-315 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 57%; top: 58%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-315{
    animation-name:  explode-2-315;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-324 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 40%; top: 46%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-324{
    animation-name:  explode-2-324;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-333 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 61%; top: 50%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-333{
    animation-name:  explode-2-333;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-342 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 40%; top: 55%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-342{
    animation-name:  explode-2-342;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-2-351 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(233, 8, 8, 1)}
    100% {left: 57%; top: 42%; background-color: rgba(233, 8, 8, 0)}
}
.point-id-2-351{
    animation-name:  explode-2-351;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-0 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 55%; top: 50%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-0{
    animation-name:  explode-1-0;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-9 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 45%; top: 52%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-9{
    animation-name:  explode-1-9;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-18 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 54%; top: 46%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-18{
    animation-name:  explode-1-18;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-27 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 48%; top: 55%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-27{
    animation-name:  explode-1-27;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-36 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 49%; top: 45%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-36{
    animation-name:  explode-1-36;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-45 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 53%; top: 55%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-45{
    animation-name:  explode-1-45;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-54 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 46%; top: 47%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-54{
    animation-name:  explode-1-54;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-63 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 55%; top: 51%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-63{
    animation-name:  explode-1-63;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-72 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 45%; top: 51%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-72{
    animation-name:  explode-1-72;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-81 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 54%; top: 47%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-81{
    animation-name:  explode-1-81;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-90 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 48%; top: 55%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-90{
    animation-name:  explode-1-90;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-99 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 50%; top: 45%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-99{
    animation-name:  explode-1-99;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-108 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 52%; top: 55%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-108{
    animation-name:  explode-1-108;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-117 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 46%; top: 46%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-117{
    animation-name:  explode-1-117;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-126 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 55%; top: 52%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-126{
    animation-name:  explode-1-126;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-135 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 45%; top: 50%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-135{
    animation-name:  explode-1-135;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-144 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 55%; top: 47%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-144{
    animation-name:  explode-1-144;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-153 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 47%; top: 54%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-153{
    animation-name:  explode-1-153;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-162 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 51%; top: 45%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-162{
    animation-name:  explode-1-162;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-171 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 51%; top: 55%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-171{
    animation-name:  explode-1-171;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-180 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 47%; top: 46%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-180{
    animation-name:  explode-1-180;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-189 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 55%; top: 53%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-189{
    animation-name:  explode-1-189;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-198 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 45%; top: 50%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-198{
    animation-name:  explode-1-198;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-207 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 55%; top: 48%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-207{
    animation-name:  explode-1-207;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-216 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 46%; top: 54%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-216{
    animation-name:  explode-1-216;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-225 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 52%; top: 45%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-225{
    animation-name:  explode-1-225;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-234 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 50%; top: 55%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-234{
    animation-name:  explode-1-234;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-243 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 48%; top: 45%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-243{
    animation-name:  explode-1-243;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-252 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 54%; top: 53%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-252{
    animation-name:  explode-1-252;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-261 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 45%; top: 49%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-261{
    animation-name:  explode-1-261;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-270 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 55%; top: 49%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-270{
    animation-name:  explode-1-270;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-279 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 46%; top: 53%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-279{
    animation-name:  explode-1-279;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-288 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 53%; top: 45%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-288{
    animation-name:  explode-1-288;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-297 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 49%; top: 55%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-297{
    animation-name:  explode-1-297;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-306 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 48%; top: 45%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-306{
    animation-name:  explode-1-306;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-315 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 54%; top: 54%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-315{
    animation-name:  explode-1-315;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-324 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 45%; top: 48%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-324{
    animation-name:  explode-1-324;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-333 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 55%; top: 50%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-333{
    animation-name:  explode-1-333;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-342 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 45%; top: 52%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-342{
    animation-name:  explode-1-342;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-1-351 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(127, 93, 158, 1)}
    100% {left: 54%; top: 46%; background-color: rgba(127, 93, 158, 0)}
}
.point-id-1-351{
    animation-name:  explode-1-351;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-0 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-0{
    animation-name:  explode-0-0;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-9 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-9{
    animation-name:  explode-0-9;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-18 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-18{
    animation-name:  explode-0-18;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-27 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-27{
    animation-name:  explode-0-27;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-36 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-36{
    animation-name:  explode-0-36;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-45 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-45{
    animation-name:  explode-0-45;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-54 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-54{
    animation-name:  explode-0-54;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-63 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-63{
    animation-name:  explode-0-63;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-72 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-72{
    animation-name:  explode-0-72;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-81 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-81{
    animation-name:  explode-0-81;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-90 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-90{
    animation-name:  explode-0-90;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-99 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-99{
    animation-name:  explode-0-99;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-108 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-108{
    animation-name:  explode-0-108;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-117 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-117{
    animation-name:  explode-0-117;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-126 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-126{
    animation-name:  explode-0-126;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-135 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-135{
    animation-name:  explode-0-135;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-144 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-144{
    animation-name:  explode-0-144;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-153 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-153{
    animation-name:  explode-0-153;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-162 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-162{
    animation-name:  explode-0-162;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-171 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-171{
    animation-name:  explode-0-171;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-180 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-180{
    animation-name:  explode-0-180;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-189 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-189{
    animation-name:  explode-0-189;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-198 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-198{
    animation-name:  explode-0-198;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-207 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-207{
    animation-name:  explode-0-207;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-216 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-216{
    animation-name:  explode-0-216;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-225 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-225{
    animation-name:  explode-0-225;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-234 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-234{
    animation-name:  explode-0-234;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-243 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-243{
    animation-name:  explode-0-243;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-252 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-252{
    animation-name:  explode-0-252;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-261 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-261{
    animation-name:  explode-0-261;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-270 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-270{
    animation-name:  explode-0-270;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-279 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-279{
    animation-name:  explode-0-279;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-288 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-288{
    animation-name:  explode-0-288;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-297 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-297{
    animation-name:  explode-0-297;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-306 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-306{
    animation-name:  explode-0-306;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-315 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-315{
    animation-name:  explode-0-315;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-324 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-324{
    animation-name:  explode-0-324;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-333 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-333{
    animation-name:  explode-0-333;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-342 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-342{
    animation-name:  explode-0-342;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes explode-0-351 {
    0%   {left: 50%; top: 50%;}
    80% {background-color: rgba(129, 26, 225, 1)}
    100% {left: 50%; top: 50%; background-color: rgba(129, 26, 225, 0)}
}
.point-id-0-351{
    animation-name:  explode-0-351;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}