.event-pinata-swing {
    transform-origin: top center;
    animation-name: event-pinata-swing;
    animation-duration: 7s;
    animation-timing-function: ease-out;
}

@keyframes event-pinata-swing {
    0% { transform: rotate(45deg) }
    1% { transform: rotate(39.0963031322161deg) }
    2% { transform: rotate(23.827331688785deg) }
    3% { transform: rotate(3.08767885279523deg) }
    4% { transform: rotate(-17.9775433388365deg) }
    5% { transform: rotate(-34.2488895646314deg) }
    6% { transform: rotate(-41.8766826061988deg) }
    7% { transform: rotate(-39.1907123631198deg) }
    8% { transform: rotate(-27.0608459037535deg) }
    9% { transform: rotate(-8.63208798669045deg) }
    10% { transform: rotate(11.4883185112606deg) }
    11% { transform: rotate(28.3822244603649deg) }
    12% { transform: rotate(38.0227433513545deg) }
    13% { transform: rotate(38.2334055472521deg) }
    14% { transform: rotate(29.1760172430859deg) }
    15% { transform: rotate(13.2588009071897deg) }
    16% { transform: rotate(-5.49990127796562deg) }
    17% { transform: rotate(-22.4851445652782deg) }
    18% { transform: rotate(-33.6207066635446deg) }
    19% { transform: rotate(-36.346925093358deg) }
    20% { transform: rotate(-30.2065750467523deg) }
    21% { transform: rotate(-16.9053377902575deg) }
    22% { transform: rotate(0.155341999380583deg) }
    23% { transform: rotate(16.7465098907917deg) }
    24% { transform: rotate(28.8598053886512deg) }
    25% { transform: rotate(33.6756919222771deg) }
    26% { transform: rotate(30.2179778222915deg) }
    27% { transform: rotate(19.5431437897299deg) }
    28% { transform: rotate(4.43028586993382deg) }
    29% { transform: rotate(-11.3398303238991deg) }
    30% { transform: rotate(-23.9301692550529deg) }
    31% { transform: rotate(-30.3809800205264deg) }
    32% { transform: rotate(-29.3043800978956deg) }
    33% { transform: rotate(-21.1772712837068deg) }
    34% { transform: rotate(-8.17235114013243deg) }
    35% { transform: rotate(6.41861892393516deg) }
    36% { transform: rotate(19.0171211974295deg) }
    37% { transform: rotate(26.635530737763deg) }
    38% { transform: rotate(27.5848588474081deg) }
    39% { transform: rotate(21.8451209213928deg) }
    40% { transform: rotate(11.0182156689616deg) }
    41% { transform: rotate(-2.11241271124524deg) }
    42% { transform: rotate(-14.2957336918534deg) }
    43% { transform: rotate(-22.617957811435deg) }
    44% { transform: rotate(-25.1990128251449deg) }
    45% { transform: rotate(-21.6142898423145deg) }
    46% { transform: rotate(-12.9478423941016deg) }
    47% { transform: rotate(-1.47644126176693deg) }
    48% { transform: rotate(9.92578877168571deg) }
    49% { transform: rotate(18.5070978852863deg) }
    50% { transform: rotate(22.3020632669282deg) }
    51% { transform: rotate(20.5795982210095deg) }
    52% { transform: rotate(13.9734573622986deg) }
    53% { transform: rotate(4.2751577961889deg) }
    54% { transform: rotate(-6.04727334079043deg) }
    55% { transform: rotate(-14.4764611177882deg) }
    56% { transform: rotate(-19.0595961530086deg) }
    57% { transform: rotate(-18.8593860851947deg) }
    58% { transform: rotate(-14.1382873111221deg) }
    59% { transform: rotate(-6.24198944241599deg) }
    60% { transform: rotate(2.77652609797651deg) }
    61% { transform: rotate(10.6889323806666deg) }
    62% { transform: rotate(15.6420943184575deg) }
    63% { transform: rotate(16.5911906608261deg) }
    64% { transform: rotate(13.5144184402055deg) }
    65% { transform: rotate(7.36677648389142deg) }
    66% { transform: rotate(-0.20313423251281deg) }
    67% { transform: rotate(-7.29186565036406deg) }
    68% { transform: rotate(-12.2194119568983deg) }
    69% { transform: rotate(-13.92692987291deg) }
    70% { transform: rotate(-12.1998447687353deg) }
    71% { transform: rotate(-7.67056571696304deg) }
    72% { transform: rotate(-1.6123424893053deg) }
    73% { transform: rotate(4.41270271225515deg) }
    74% { transform: rotate(8.95534440776051deg) }
    75% { transform: rotate(11.0277297091137deg) }
    76% { transform: rotate(10.3147953557108deg) }
    77% { transform: rotate(7.20431735709128deg) }
    78% { transform: rotate(2.63976503036337deg) }
    79% { transform: rotate(-2.1552325308653deg) }
    80% { transform: rotate(-6.00244255487034deg) }
    81% { transform: rotate(-8.05854164848506deg) }
    82% { transform: rotate(-7.99744814794301deg) }
    83% { transform: rotate(-6.04674340261331deg) }
    84% { transform: rotate(-2.87989426791613deg) }
    85% { transform: rotate(0.596589970314186deg) }
    86% { transform: rotate(3.49721379957994deg) }
    87% { transform: rotate(5.18270107252941deg) }
    88% { transform: rotate(5.39915386669754deg) }
    89% { transform: rotate(4.30134357170426deg) }
    90% { transform: rotate(2.36394894967979deg) }
    91% { transform: rotate(0.214927571666799deg) }
    92% { transform: rotate(-1.5558406015852deg) }
    93% { transform: rotate(-2.55657840588053deg) }
    94% { transform: rotate(-2.67930576670751deg) }
    95% { transform: rotate(-2.0927259319529deg) }
    96% { transform: rotate(-1.15225981104456deg) }
    97% { transform: rotate(-0.261169116237961deg) }
    98% { transform: rotate(0.270533289369273deg) }
    99% { transform: rotate(0.324471669240637deg) }
    100% { transform: rotate(0deg) }
}