css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <div class="picture">
	<div class="forest">
		<div class="forest__tree"></div>
		<div class="forest__monster-1">
			<div></div>
			<div></div>
		</div>
		<div class="forest__monster-2">
			<div></div>
		</div>
		<div class="forest__ghost">
			<div></div>
		</div>
		<div class="forest__moss"></div>
	</div>
	<div class="house">
		<div class="house__wall">
			<div class="bat-1">
				<div></div>
			</div>
			<div class="bat-2">
				<div></div>
			</div>
		</div>
		<div class="house__window">
			<div class="greenery"></div>
			<div class="leaf-1"></div>
			<div class="leaf-2"></div>
			<div class="leaf-3"></div>
			<div class="leaf-4"></div>
			<div class="leaf-5"></div>
			<div class="leaf-6"></div>
			<div class="leaf-7"></div>
			<div class="mushroom-1"></div>
			<div class="mushroom-2"></div>
			<div class="lamp"></div>
			<div class="casket"></div>
			<div class="pineapple"></div>
			<div class="berries"></div>
		</div>
		<div class="shelf">
			<div class="shelf__staff-1"></div>
			<div class="shelf__staff-2">
				<div class="dust-1"></div>
				<div class="dust-2"></div>
				<div class="dust-3"></div>
				<div class="dust-4"></div>
			</div>
			<div class="shelf__staff-3"></div>
			<div class="shelf__staff-4"></div>
			<div class="shelf__staff-5"></div>
			<div class="shelf__staff-6"></div>
			<div class="shelf__staff-7"></div>
			<div class="shelf__staff-8">
				<div class="dust-1"></div>
				<div class="dust-2"></div>
				<div class="dust-3"></div>
				<div class="dust-4"></div>
			</div>
			<div class="shelf__staff-9"></div>
			<div class="shelf__staff-10"></div>
			<div class="shelf__staff-11"></div>
			<div class="shelf__herb-rope-1"></div>
			<div class="shelf__herbs-1"></div>
			<div class="shelf__herbs-2">
				<div class="shelf__herb-rope-2"></div>
			</div>
			<div class="shelf__herbs-3">
				<div class="shelf__herb-rope-3"></div>
			</div>
			<div class="shelf__herbs-4">
				<div class="shelf__herb-rope-4"></div>
			</div>
			<div class="shelf__thing">
				<div class="shelf__circles"></div>
			</div>
		</div>
		<div class="besom">
			<div class="rope"></div>
		</div>
		<div class="moth-rope"></div>
		<div class="moth">
			<div class="moth__wings"></div>
		</div>
		<div class="ladder"></div>
		<div class="wreath"></div>
		<div class="hook">
			<div class="dried-flower">
				<div class="dried-flower__petals"></div>
			</div>
		</div>
		<div class="chair"></div>
		<div class="alchemist">
			<div class="alchemist__coat-1"></div>
			<div class="alchemist__leg-r"></div>
			<div class="alchemist__leg-l"></div>
			<div class="alchemist__body"></div>
			<div class="alchemist__arm-r"></div>
			<div class="alchemist__arm-l"></div>
			<div class="alchemist__coat-2"></div>
			<div class="alchemist__coat-3"></div>
			<div class="alchemist__hat">
				<div class="alchemist__cat-tail"></div>
				<div class="alchemist__hat-1"></div>
				<div class="alchemist__hat-2"></div>
				<div class="alchemist__hat-3"></div>
				<div class="alchemist__hat-4"></div>
				<div class="alchemist__cat">
					<div class="alchemist__cat-face"></div>
				</div>
				<div class="alchemist__hat-5"></div>
				<div class="alchemist__hat-6"></div>
				<div class="alchemist__hat-7"></div>
				<div class="alchemist__forelock"></div>
			</div>
			<div class="alchemist__head">
				<div class="alchemist__ear-r"></div>
				<div class="alchemist__ear-l"></div>
				<div class="alchemist__beard"></div>
				<div class="alchemist__mustache"></div>
				<div class="alchemist__eye-r"></div>
				<div class="alchemist__eye-l"></div>
			</div>
		</div>
		<div class="pedal">
			<div>
				<div></div>
			</div>
		</div>
		<div class="table">
			<div class="snail">
				<div class="snail__tail">
					<div></div>
				</div>
				<div class="snail__body">
					<div class="snail__head"></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
			</div>
			<div class="piggy">
				<div class="piggy__front-legs"></div>
				<div class="piggy__back-legs"></div>
				<div class="piggy__hair"></div>
				<div class="piggy__body"></div>
				<div class="piggy__ear-right"></div>
				<div class="piggy__ear-left"></div>
				<div class="piggy__tail"></div>
				<div class="piggy__eyes"></div>
				<div class="piggy__mouth"></div>
			</div>
			<div class="wasp">
				<div class="wasp__legs">
					<div></div>
				</div>
				<div class="wasp__body">
					<div></div>
				</div>
				<div class="wasp__wing"></div>
			</div>
			<div class="bottle-1">
				<div></div>
				<div></div>
			</div>
			<div class="bottle-2">
				<div>
					<div class="bottle-2__water"></div>
					<div class="bottle-2__dude-1"></div>
					<div class="bottle-2__dude-2"></div>
					<div class="bottle-2__dude-3"></div>
				</div>
			</div>
			<div class="bottle-3">
				<div>
					<div class="bottle-3__dude-1"></div>
					<div class="bottle-3__dude-2"></div>
					<div class="bottle-3__dude-3"></div>
				</div>
				<div class="dust-1"></div>
				<div class="dust-2"></div>
				<div class="dust-3"></div>
				<div class="dust-4"></div>
				<div class="dust-5"></div>
				<div class="dust-6"></div>
				<div class="dust-7"></div>
				<div class="dust-8"></div>
				<div class="dust-9"></div>
				<div class="dust-10"></div>
			</div>
			<div class="mushroom-3">
				<div></div>
			</div>
			<div class="mushroom-4"></div>
			<div class="plants">
				<div></div>
			</div>
			<div class="plants-2">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
			<div class="nut"></div>
			<div class="fire">
				<div class="fire__item1"></div>
				<div class="fire__item2"></div>
				<div class="fire__item3"></div>
				<div class="fire__item4"></div>
				<div class="fire__item5"></div>
				<div class="fire__item6"></div>
				<div class="fire__item7"></div>
				<div class="fire__item8"></div>
				<div class="fire__item9"></div>
				<div class="fire__item10"></div>
			</div>
			<div class="skulp">
				<div></div>
				<div></div>
			</div>
			<div class="soul-1">
				<div class="soul-1__part1"></div>
				<div class="soul-1__part2"></div>
				<div class="soul-1__part3"></div>
				<div class="soul-1__part4"></div>
				<div class="soul-1__part5"></div>
				<div class="soul-1__part6"></div>
				<div class="soul-1__part7"></div>
				<div class="soul-1__part8"></div>
				<div class="soul-1__part9"></div>
				<div class="soul-1__part10"></div>
				<div class="soul-1__part11"></div>
				<div class="soul-1__part12"></div>
				<div class="soul-1__part13"></div>
				<div class="soul-1__part14"></div>
				<div class="soul-1__part15"></div>
				<div class="soul-1__part16"></div>
			</div>
			<div class="soul-2">
				<div class="soul-2__part1"></div>
				<div class="soul-2__part2"></div>
				<div class="soul-2__part3"></div>
				<div class="soul-2__part4"></div>
				<div class="soul-2__part5"></div>
				<div class="soul-2__part6"></div>
				<div class="soul-2__part7"></div>
				<div class="soul-2__part8"></div>
				<div class="soul-2__part9"></div>
				<div class="soul-2__part10"></div>
				<div class="soul-2__part11"></div>
				<div class="soul-2__part12"></div>
				<div class="soul-2__part13"></div>
				<div class="soul-2__part14"></div>
				<div class="soul-2__part15"></div>
				<div class="soul-2__part16"></div>
			</div>
			<div class="soul-3">
				<div class="soul-3__part1"></div>
				<div class="soul-3__part2"></div>
				<div class="soul-3__part3"></div>
				<div class="soul-3__part4"></div>
				<div class="soul-3__part5"></div>
				<div class="soul-3__part6"></div>
				<div class="soul-3__part7"></div>
				<div class="soul-3__part8"></div>
				<div class="soul-3__part9"></div>
				<div class="soul-3__part10"></div>
				<div class="soul-3__part11"></div>
				<div class="soul-3__part12"></div>
				<div class="soul-3__part13"></div>
				<div class="soul-3__part14"></div>
				<div class="soul-3__part15"></div>
				<div class="soul-3__part16"></div>
			</div>
			<div class="pot">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div class="pot__drop"></div>
				<div class="pot__bubble-1"></div>
				<div class="pot__bubble-2"></div>
				<div class="pot__bubble-3"></div>
			</div>
			<div class="bottle-4">
				<div class="bottle-4__dude">
					<div class="bottle-4__dude-head">
						<div class="bottle-4__dude-hair-1"></div>
						<div class="bottle-4__dude-hair-2"></div>
						<div class="bottle-4__dude-hair-3"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="basket">
			<div></div>
		</div>
		<div class="cage"></div>
		<div class="staff">
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
		</div>
	</div>
</div>
            
          
!
            
              @use postcss-nested;
.page {
    min-width: 100vw;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.picture {
    position: absolute;
    width: 800px;
    height: 600px;
    overflow: hidden;

    *, *:before, *:after {
        content: '';
        position: absolute;
    }
}
.forest {
    top: 50px;    left: -10px;
    width: 300px; height: 290px;
    background: #00172A;
    overflow: hidden;

    &__tree {
        top: 0px;    left: 148px;
        width: 10px; height: 300px;
        background: #012135;
        box-shadow: 29px 0 0 6px #012135, -78px 0 0 1px #012135;

        &:before {
            top: 0px;    left: -109px;
            width: 30px; height: 100px;
            border-left: 10px solid #012135;
            border-bottom: 10px solid #012135;
            border-radius: 0 0 0 40px;
        }
    }
    &__monster-1 {
        top: 73px;    left: 183px;
        width: 110px; height: 180px;
        background: #263449;
        border-radius: 60px 60px 0 0;
        transform-origin: bottom center;
        transform: rotate(-19deg);
        animation: monster1 30s linear infinite;

        &:before {
            top: -13px; left: 8px;
            border-right: 41px solid transparent;
            border-bottom: 43px solid #263449;
        }
        &:after {
            top: -13px; left: 55px;
            border-left: 41px solid transparent;
            border-bottom: 43px solid #263449;
        }

        div:nth-child(1) {
            top: 32px;   left: 40px;
            width: 21px; height: 34px;
            border-radius: 10px;
            background: #012135;

            &:before {
                top: 0px;    left: -64px;
                width: 15px; height: 160px;
                border-radius: 50px 0 0 0;
                border-left: 20px solid #263449;
                border-top: 25px solid #263449;
                transform-origin: top right;
                transform: rotate(12deg);
            }
            &:after {
                top: -8px;   left: 56px;
                width: 15px; height: 160px;
                border-radius: 0 50px 0 0;
                border-right: 20px solid #263449;
                border-top: 25px solid #263449;
                transform-origin: top left;
                transform: rotate(-12deg);
            }
        }
        div:nth-child(2) {
            top: 23px;   left: 15px;
            width: 37px; height: 37px;
            border-radius: 50%;
            background: #012135;
            box-shadow: 37px 2px 0 0 #012135;
            z-index: 1;

            &:before {
                top: 13px;  left: 6px;
                width: 8px; height: 8px;
                border-radius: 50%;
                background: #224179;
                box-shadow: 54px 5px 0 0 #224179;
                animation: monster1Eyes 30s linear infinite;
            }
            &:after {
                top: 33px;   left: 24px;
                width: 11px; height: 14px;
                border-radius: 20px 20px 0 0;
                border-top: 5px solid #012135;
                border-left: 5px solid #012135;
                border-right: 5px solid #012135;
            }
        }
    }
    &__monster-2 {
        top: 124px;  left: 23px;
        width: 87px; height: 42px;
        border-radius: 45px 45px 4px 4px;
        background: #182B41;
        animation: monster2 30s linear infinite;

        &:before {
            top: 23px;   left: -2px;
            width: 90px; height: 123px;
            border-radius: 50px 50px 0 0;
            background: #182B41;
        }
        &:after {
            top: 60px;   left: -16px;
            width: 20px; height: 80px;
            border-radius: 17px 0 0 0;
            background: #182B41;
        }

        div {
            top: -18px;  left: 11px;
            width: 45px; height: 22px;
            border-radius: 35px;
            border-left: 10px solid #182B41;
            border-bottom: 10px solid #182B41;
            border-right: 10px solid #182B41;

            &:before {
                top: 31px;  left: 7px;
                width: 8px; height: 8px;
                border-radius: 50%;
                background: #224179;
                box-shadow: 22px 0 0 0 #224179;
                animation: monster2Eyes 30s linear infinite;
            }
        }
    }
    &__ghost {
        top: 180px;
        left: 180px;
        width: 24px;
        height: 24px;
        border-radius: 20px;
        background: #1C596C;
        animation: forestGhost 30s linear infinite;

        &:after {
            top: 10px;
            left: 5px;
            width: 5px;
            height: 6px;
            border-radius: 50% 30% 40% 50%;
            background: #273449;
            box-shadow: 10px 0 0 0 #273449;
        }

        div:before {
            top: 6px;
            left: 0px;
            width: 14px;
            height: 42px;
            border-radius: 10px;
            background: #1C596C;
            transform-origin: 7px 7px;
            transform: rotate(0deg);
            animation: forestGhostLeg 30s linear infinite;
        }
        div:after {
            top: 6px;
            left: 10px;
            width: 14px;
            height: 37px;
            border-radius: 10px;
            background: #1C596C;
            transform-origin: 7px 7px;
            transform: rotate(0deg);
            animation: forestGhostLeg 30s linear infinite;
        }
    }
    &__moss {
        top: 38px;   left: 20px;
        width: 42px; height: 4px;
        background: #30403F;
        border-radius: 0 0 10px 0;

        &:before {
            top: -24px; left: 6px;
            width: 6px; height: 58px;
            background: #30403F;
            border-radius: 0 0 5px 5px;
            box-shadow: -14px 25px 0 3px #30403F, 120px 3px 0 2px #30403F;
        }
    }
}
.house {
    &__wall {
        top: 24px;
        height: 202px; width: 230px;
        border-top: 64px solid #1A252F;
        border-right: 570px solid #1A252F;
        border-bottom: 310px solid #1A252F;
        box-shadow: 0 -25px 0 0 #2A2F39;

        &:before {
            top: -230px; left: 52px;
            width: 38px; height: 390px;
            background: #32323C;
            transform: rotate(68deg);
            z-index: 100;
        }
        &:after {
            top: -230px; left: 710px;
            width: 38px; height: 390px;
            background: #32323C;
            transform: rotate(-68deg);
            z-index: 100;
        }
    }
    &__window {
        top: 88px;     left: 230px;
        height: 203px; width: 24px;
        background: #32323C;
        box-shadow: inset 0 7px 0 0 #292939, -128px 0 0 0 #292939;

        &:before {
            top: -42px;   left: -250px;
            height: 42px; width: 294px;
            background: #32323C;
        }
        &:after {
            top: 202px;   left: -250px;
            height: 36px; width: 250px;
            background: #2A2F39;
            box-shadow: inset 0 9px 0 0 #3B4A3E;
        }
    }
}
.shelf {
    top: 178px;   left: 532px;
    width: 268px; height: 10px;
    background: #292939;
    box-shadow: 0 -6px 0 0 #32323C, 0 -75px 0 0 #292939, 0 -81px 0 0 #32323C, 0 51px 0 0 #32323C;

    &:before {
        top: -150px;   left: -17px;
        height: 267px; width: 17px;
        border-radius: 9px;
        background: #32323C;
    }
    &__staff-1 {
        top: -127px;  left: 13px;
        height: 46px; width: 47px;
        border-radius: 8px;
        background: #183133;

        &:before {
            top: -7px;   left: 9px;
            width: 28px; height: 7px;
            background: #304252;
        }
        &:after {
            top: 13px;    left: 13px;
            height: 22px; width: 22px;
            border-radius: 50%;
            background: #162532;
        }
    }
    &__staff-2 {
        top: -112px;  left: 62px;
        height: 31px; width: 40px;
        box-sizing: border-box;
        background: linear-gradient(to bottom, #263449 38%, #1C596C 39%);
        border: 6px solid #263449;
        border-radius: 13px;

        &:before {
            top: -14px;  left: 8px;
            width: 11px; height: 9px;
            background: #263449;
        }
        &:after {
            top: -22px;  left: 6px;
            width: 16px; height: 8px;
            background: #304252;
        }
        .dust-1 {
            top: -41px; left: -8px;
            width: 3px; height: 3px;
            background: #1c586c;
            z-index: 1;
            animation: shelfStaff2Dust1 5s linear infinite;
        }
        .dust-2 {
            top: -32px; left: -14px;
            width: 4px; height: 4px;
            background: #1c586c;
            z-index: 1;
            animation: shelfStaff2Dust2 5s linear -2.6s infinite;
        }
        .dust-3 {
            top: -38px; left: 4px;
            width: 3px; height: 3px;
            background: #1c586c;
            z-index: 1;
            animation: shelfStaff2Dust3 5s linear -1s infinite;
        }
        .dust-4 {
            top: -34px; left: 12px;
            width: 2px; height: 2px;
            background: #1c586c;
            z-index: 1;
            animation: shelfStaff2Dust4 5s linear -2.7s infinite;
        }
    }
    &__staff-3 {
        top: -125px; left: 108px;
        width: 59px; height: 28px;
        border-radius: 2px 2px 30px 30px;
        background: #393939;

        &:before {
            top: 28px;   left: 22px;
            width: 14px; height: 12px;
            background: #393939;
        }
        &:after {
            top: 36px;   left: 12px;
            width: 34px; height: 8px;
            border-radius: 10px 10px 0 0;
            background: #393939;
        }
    }
    &__staff-4 {
        top: -130px; left: 174px;
        width: 31px; height: 39px;
        background: #21314A;

        &:before {
            top: 39px;   left: -4px;
            width: 40px; height: 11px;
            border-radius: 2px 2px 0 0;
            background: #21314A;
        }
        &:after {
            top: -24px;  left: 46px;
            width: 30px; height: 73px;
            background: #183133;
        }
    }
    &__staff-5 {
        top: -90px;  left: 6px;
        width: 28px; height: 9px;
        border-radius: 10px;
        background: #3B4358;

        &:before {
            top: -8px;   left: 6px;
            width: 16px; height: 8px;
            border-radius: 2px 2px 10px 10px;
            background: #405B58;
        }
        &:after {
            top: -18px;  left: 9px;
            width: 10px; height: 10px;
            border-radius: 50%;
            background: #3B4358;
        }
    }
    &__staff-6 {
        top: -86px;  left: 142px;
        width: 76px; height: 6px;
        background: #3B4A3E;

        &:before {
            top: -12px; left: 43px;
            width: 6px; height: 17px;
            background: #3B4A3E;
            box-shadow: 12px -12px #3B4A3E, 24px -24px #3B4A3E;
            transform: rotate(45deg);
        }
        &:after {
            top: 1px;   left: 60px;
            width: 6px; height: 17px;
            background: #3B4A3E;
            transform: rotate(-45deg);
        }
    }
    &__staff-7 {
        top: -62px;  left: 0px;
        width: 26px; height: 58px;
        box-shadow: inset -14px 0 0 0 #263449, inset 0 -50px 0 0 #525242;

        &:before {
            top: 6px;   left: 15px;
            width: 8px; height: 8px;
            border-radius: 50%;
            background: #1C596C;
        }
        &:after {
            top: 24px;   left: 12px;
            width: 14px; height: 19px;
            background: #1C596C;
        }
    }
    &__staff-8 {
        top: -42px;  left: 124px;
        width: 68px; height: 36px;
        border-radius: 8px 8px 0 0;
        background: #52383C;
        box-shadow: inset 0 44px 0 -30px #3A3031;

        &:before {
            top: 16px;   left: 28px;
            width: 11px; height: 11px;
            border-radius: 50%;
            background: #3A3031;
        }
        &:after {
            top: -10px;  left: 14px;
            width: 40px; height: 10px;
            box-sizing: border-box;
            border-radius: 10px 10px 0 0;
            border-top: 4px solid #5D4E42;
            border-left: 10px solid #5D4E42;
            border-right: 10px solid #5D4E42;
        }
        .dust-1 {
            top: -14px; left: 14px;
            width: 4px; height: 4px;
            background: #5d4e42;
            z-index: 1;
            animation: shelfStaff2Dust1 5s linear infinite;
        }
        .dust-2 {
            top: 2px;   left: 20px;
            width: 4px; height: 4px;
            background: #5d4e42;
            z-index: 1;
            animation: shelfStaff2Dust2 5s linear -1s infinite;
        }
        .dust-3 {
            top: 6px;   left: 42px;
            width: 4px; height: 4px;
            background: #5d4e42;
            z-index: 1;
            animation: shelfStaff2Dust3 5s linear -2.5s infinite;
        }
        .dust-4 {
            top: 7px;   left: 50px;
            width: 4px; height: 4px;
            background: #5d4e42;
            z-index: 1;
            animation: shelfStaff2Dust4 5s linear -4.1s infinite;
        }
    }
    &__staff-9 {
        top: -54px;  left: 208px;
        width: 48px; height: 50px;
        box-sizing: border-box;
        border: 7px solid #393939;
        background: #1A252F;

        @supports (-webkit-box-reflect: left) {
            &:before {
                top: 7px;    left: 17px;
                width: 15px; height: 14px;
                background: #52383C;
                border-radius: 70% 0;
                -webkit-box-reflect: left 1px;
            }
            &:after {
                top: 23px;  left: 17px;
                width: 9px; height: 9px;
                background: #52383C;
                border-radius: 0 60%;
                -webkit-box-reflect: left 1px;
            }
        }
    }
    &__staff-10 {
        top: -40px;  left: 22px;
        width: 12px; height: 39px;
        background: #263449;
        box-shadow: 12px 12px 0 0 #3C313C;
        transform-origin: right top;
        transform: rotate(-45deg);

        &:before {
            top: 57px;   left: 30px;
            width: 78px; height: 10px;
            background: #30403F;
            border-radius: 0 100% 100% 0;
            transform-origin: 0 0;
            transform: rotate(45deg);
        }
        &:after {
            top: 54px;  left: 44px;
            width: 7px; height: 28px;
            background: #30403F;
        }
    }
    &__staff-11 {
        top: -21px;  left: 139px;
        width: 15px; height: 67px;
        background: #3b4a3e;
        border-radius: 0% 100%;
        transform: rotate(-43deg);

        &:before {
            top: 3px;    left: -18px;
            width: 16px; height: 46px;
            background: #3b4a3e;
            border-radius: 100% 0;
            transform: rotate(17deg);
        }
    }
    &__herb-rope-1 {
        top: 50px;  left: 40px;
        width: 4px; height: 12px;
        border-radius: 4px;
        background: #524342;
        box-shadow: 8px 0 0 0 #524342, 4px 10px 0 0 #524342;
    }
    &__herbs-1 {
        top: 68px; left: 33px;
        width: 8px;
        border-right: 9px solid transparent;
        border-left: 9px solid transparent;
        border-top: 18px solid #3B4A3E;
        transform: rotate(7deg);
        transform-origin: top center;
        animation: shelfHerbs1 2s ease infinite;
        animation-delay: -1.7s;
        will-change: transform;

        &:before {
            top: 4px;    left: -15px;
            width: 38px; height: 38px;
            border-radius: 0 0 100% 0;
            background: #3B4A3E;
            transform: rotate(45deg);
        }
        &:after {
            top: 16px;   left: 16px;
            width: 16px; height: 16px;
            background: #964554;
            border-radius: 50%;
            box-shadow: -19px 10px 0 0 #964554, -38px -1px 0 0 #964554;
        }
    }
    &__herb-rope-2 {
        top: -20px; left: 11px;
        width: 4px; height: 38px;
        border-radius: 4px;
        background: #524342;
        transform: rotate(17deg);

        &:before {
            top: 33px;  left: -5px;
            width: 4px; height: 14px;
            border-radius: 4px;
            background: #524342;
            transform: rotate(50deg);
        }
    }
    &__herbs-2 {
        top: 67px;  left: 71px;
        width: 3px; height: 55px;
        background: #3C5843;
        transform-origin: 15px -16px;
        transform: rotate(-14deg);
        animation: shelfHerbs2 2s ease infinite;
        animation-delay: -1.2s;
        will-change: transform;

        &:before {
            top: 58px;   left: -8px;
            width: 19px; height: 19px;
            background: #3C5843;
            border-radius: 0 0 100% 0;
            transform: rotate(45deg);
        }
        @supports (-webkit-box-reflect: left) {
            &:after {
                top: 42px;   left: 7px;
                width: 12px; height: 12px;
                background: #3C5843;
                border-radius: 0 80%;
                transform: rotate(-3deg);
                -webkit-box-reflect: left 11px;
            }
        }
    }
    &__herbs-3 {
        top: 59px;   left: 126px;
        width: 10px; height: 57px;
        border-radius: 0 0 10px 10px;
        background: linear-gradient(to right, transparent 32%, #30403F 33%, #30403F 67%, transparent 68%);
        box-shadow: inset 0 -45px 0 -40px #5A844F;
        transform-origin: 1px -8px;
        animation: shelfHerbs3 2s ease infinite;
        animation-delay: -0.9s;
        will-change: transform;

        &:before {
            top: 0px;    left: -2px;
            width: 10px; height: 49px;
            border-radius: 0 0 10px 10px;
            background: linear-gradient(to right, transparent 32%, #30403F 33%, #30403F 67%, transparent 68%);
            box-shadow: inset 0 -45px 0 -40px #5A844F;
            transform: rotate(23deg);
        }
        &:after {
            top: 0px;    left: 2px;
            width: 10px; height: 49px;
            border-radius: 0 0 10px 10px;
            background: linear-gradient(to right, transparent 32%, #30403F 33%, #30403F 67%, transparent 68%);
            box-shadow: inset 0 -45px 0 -40px #5A844F;
            transform: rotate(-23deg);
        }
    }
    &__herb-rope-3 {
        top: -10px; left: 3px;
        width: 4px; height: 15px;
        background: #524342;
        border-radius: 4px;
    }
    &__herbs-4 {
        top: 98px;   left: 189px;
        width: 33px; height: 16px;
        background: #525242;
        border-radius: 20px;
        transform-origin: 22px -48px;
        animation: shelfHerbs4 2s ease infinite;
        animation-delay: -0.2s;
        will-change: transform;

        &:before {
            top: -20px; left: 1px;
            width: 7px;
            border-left: 14px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 24px solid #525242;
        }
        &:after {
            top: -30px; left: 2px;
            width: 8px;
            border-left: 10px solid transparent;
            border-right: 3px solid transparent;
            border-top: 17px solid #525242;
            transform: rotate(-28deg);
        }
    }
    &__herb-rope-4 {
        top: -49px; left: 20px;
        width: 4px; height: 32px;
        border-radius: 4px;
        background: #524342;

        &:before {
            top: 30px;   left: -11px;
            width: 14px; height: 4px;
            background: #524342;
            border-radius: 4px;
            transform: rotate(-20deg);
            z-index: 1;
        }
    }
    &__thing {
        top: -136px; left: -22px;
        width: 5px;  height: 107px;
        background: #233B37;

        &:before {
            top: 0px; left: -27px;
            border-left: 28px solid transparent;
            border-top: 29px solid #233B37;
        }
        &:after {
            top: 52px; left: -24px;
            border-left: 25px solid transparent;
            border-top: 26px solid #233B37;
        }
    }
    &__circles {
        top: 46px;   left: -12px;
        width: 13px; height: 13px;
        border-radius: 50%;
        background: #3C313C;
        box-shadow: 16px 37px 0 0 #3C313C, 8px 54px 0 1px #3C313C, 0px 25px 0 3px #3C313C, 0px -26px 0 3px #3C313C;
        z-index: 1;
    }
}
.ladder {
    top: 307px;  left: 650px;
    width: 16px; height: 313px;
    background: #312E36;
    border-radius: 10px;
    box-shadow: 94px 0 0 0 #312E36;

    &:before {
        top: 20px;    left: 16px;
        height: 13px; width: 78px;
        background: #312E36;
        box-shadow: inset 0 5px 0 0 #393931;
    }
    &:after {
        top: 60px;    left: 16px;
        height: 13px; width: 78px;
        background: #312E36;
        box-shadow: inset 0 5px 0 0 #393931;
    }
}
.wreath {
    top: 28px;   left: 396px;
    width: 62px; height: 62px;
    border: 15px solid #183133;
    border-radius: 50%;

    &:before {
        top: 46px;  left: 23px;
        width: 5px; height: 20px;
        background: #183133;
        border-radius: 5px;
        transform: rotate(34deg);
        box-shadow: 13px -3px 0 0 #183133;
    }
    &:after {
        top: 62px;  left: 7px;
        width: 5px; height: 20px;
        background: #183133;
        border-radius: 5px;
        transform: rotate(-34deg);
        box-shadow: 10px 18px 0 0 #183133, 22px 18px 0 0 #183133;
    }
}
.hook {
    top: 24px;  left: 474px;
    width: 4px; height: 10px;
    border-radius: 0 0 0 2px;
    background: #304252;

    &:before {
        top: 13px;   left: -7px;
        width: 14px; height: 6px;
        border: 3px solid #304252;
        border-top: 0;
        border-radius: 0 0 8px 8px;
    }
    &:after {
        top: 7px;   left: 3px;
        width: 7px; height: 3px;
        border-top: 3px solid #304252;
        border-right: 3px solid #304252;
        border-radius: 0 7px 0 0;
    }
}
.dried-flower {
    top: 16px;  left: 0;
    width: 4px; height: 100px;
    background: #32323C;
    border-radius: 2px;
    transform-origin: 2px 2px;
    transform: rotate(4deg);
    animation: driedFlower 2s ease infinite;

    &:before {
        top: 30px;  left: 0;
        width: 4px; height: 20px;
        background: #32323C;
        box-shadow: 10px 10px #32323C, 20px 20px #32323C;
        border-radius: 4px;
        transform-origin: 0 2px;
        transform: rotate(44deg);
    }
    &:after {
        left: 2px;  top: 33px;
        width: 4px; height: 20px;
        background: #32323C;
        box-shadow: -10px 10px #32323C, -21px 20px #32323C;
        border-radius: 4px;
        transform: rotate(-44deg);
        transform-origin: 0 2px;
    }
    &__petals {
        top: 88px;   left: -16px;
        width: 33px; height: 17px;
        background: #52383C;
        border-radius: 30px 30px 0 0;

        &:before {
            top: 7px;    left: 10px;
            width: 14px; height: 14px;
            background: #52383C;
            transform: rotate(45deg);
        }
    }
}
.greenery {
    top: -33px;   left: -210px;
    width: 100px; height: 12px;
    background: #183133;
    border-radius: 20px;
    box-shadow: -30px 9px 0 3px #183133;

    &:before {
        top: 33px;   left: 90px;
        width: 92px; height: 9px;
        border-radius: 0 0 10px 10px;
        background: #30403F;
    }
    &:after {
        top: 39px;   left: 97px;
        width: 20px; height: 15px;
        border-radius: 0 0 10px 10px;
        background: #30403F;
    }
}
.leaf-1 {
    top: -23px; left: -30px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #30403F;
    transform: rotate(100deg);

    &:before {
        left: -5px;  top: -17px;
        width: 10px; height: 10px;
        background: #30403F;
        transform: rotate(39deg);
    }
}
.leaf-2 {
    top: 14px; left: -7px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #30403F;
    transform: rotate(-54deg);

    &:before {
        left: -5px;  top: -17px;
        width: 10px; height: 10px;
        background: #30403F;
        transform: rotate(39deg);
    }
}
.leaf-3 {
    top: 50px; left: 7px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #30403F;
    transform: rotate(54deg);

    &:before {
        left: -5px;  top: -17px;
        width: 10px; height: 10px;
        background: #30403F;
        transform: rotate(39deg);
    }
}
.leaf-4 {
    top: 94px; left: -3px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #30403F;
    transform: rotate(-54deg);

    &:before {
        left: -5px;  top: -17px;
        width: 10px; height: 10px;
        background: #30403F;
        transform: rotate(39deg);
    }
}
.leaf-5 {
    top: 123px; left: -3px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #30403F;
    transform: rotate(-66deg);

    &:before {
        left: -5px;  top: -17px;
        width: 10px; height: 10px;
        background: #30403F;
        transform: rotate(39deg);
    }
}
.leaf-6 {
    top: 140px; left: 5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #30403F;
    transform: rotate(58deg);

    &:before {
        left: -5px;  top: -17px;
        width: 10px; height: 10px;
        background: #30403F;
        transform: rotate(39deg);
    }
}
.leaf-7 {
    top: 219px; left: -39px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #30403F;
    transform: rotate(-2deg);
    z-index: 1;

    &:before {
        left: -5px;  top: -17px;
        width: 10px; height: 10px;
        background: #30403F;
        transform: rotate(39deg);
    }
}
.mushroom-1 {
    top: 180px;  left: -39px;
    width: 11px; height: 12px;
    background: #1C596C;
    border-radius: 100% 100% 2px 2px;

    &:before {
        top: 12px;  left: 3px;
        width: 5px; height: 10px;
        background: #3B4A3E;
    }
}
.mushroom-2 {
    top: 168px;  left: -23px;
    width: 11px; height: 14px;
    background: #1c596c;
    border-radius: 100% 100% 2px 2px;

    &:before {
        top: 14px;   left: 4px;
        width: 15px; height: 6px;
        border-left: 4px solid #3B4A3E;
        border-bottom: 4px solid #3B4A3E;
        border-radius: 0 0 0 4px;
    }
}
.lamp {
    top: 160px;  left: -200px;
    width: 32px; height: 22px;
    background: linear-gradient(to right, #203152 20%, #5A5A4A 21%, #5A5A4A 79%, #203152 80%);
    border-top: 16px solid #203152;
    box-shadow: 0 0 0 4px #00172A;

    &:before {
        top: -46px; left: -4px;
        width: 6px;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        border-bottom: 26px solid #012135;
    }
    &:after {
        top: -65px;  left: 8px;
        width: 12px; height: 18px;
        border-radius: 17px 17px 100% 100%;
        border: 2px solid #012135;
    }
}
.casket {
    top: 165px;  left: -150px;
    width: 27px; height: 29px;
    border: 4px solid #012135;
    background: linear-gradient(to bottom, #182B41 38%, #012135 39%, #012135 53%, #182B41 54%);

    &:before {
        top: -9px;   left: -8px;
        width: 43px; height: 6px;
        background: #012135;
        border-radius: 0 0 4px 4px;
    }
    &:after {
        top: 3px;   left: 12px;
        width: 4px; height: 4px;
        background: #012135;
        border-radius: 50%;
        box-shadow: 0 17px 0 0 #012135;
    }
}
.pineapple {
    top: 97px;   left: -153px;
    width: 40px; height: 40px;
    box-sizing: border-box;
    border-top: 8px dashed #233B37;
    border-left: 8px dashed #233B37;
    border-radius: 100% 0 0 0;
    transform: rotate(45deg);

    &:before {
        top: -1px;   left: -1px;
        width: 33px; height: 33px;
        background: #233B37;
        border-radius: 100% 0 0 0;
    }
    &:after {
        top: 21px;   left: 21px;
        width: 26px; height: 25px;
        background: #222131;
        border-radius: 10px 10px 10px 10px / 23px 23px 23px 23px;
        transform: rotate(-45deg);
    }
}
.berries {
    top: 186px; left: -166px;
    width: 8px; height: 8px;
    border-radius: 50%;
    background: #52383C;
    box-shadow: 5px 8px 0 0 #52383C, -5px 8px 0 0 #52383C, -52px 8px 0 0 #52383C, -42px 8px 0 0 #52383C;
}
.bat-1 {
    top: -40px;  left: 118px;
    width: 22px; height: 46px;
    background: #182129;
    border-radius: 20px 20px 0 0;
    transform-origin: top center;
    animation: bat 3s linear infinite;
    z-index: 1;

    &:before {
        top: 0px;    left: -5px;
        width: 21px; height: 31px;
        background: #182129;
        border-radius: 0 12px 8px 7px;
        transform: rotate(27deg);
    }
    &:after {
        top: 0px;    left: 4px;
        width: 21px; height: 31px;
        background: #182129;
        border-radius: 12px 0 7px 8px;
        transform: rotate(-27deg);
    }
    div {
        top: 46px; left: 0px;
        border-right: 7px solid transparent;
        border-top: 7px solid #182129;

        &:before {
            top: -7px; left: 15px;
            border-left: 7px solid transparent;
            border-top: 7px solid #182129;
        }
        &:after {
            top: -21px; left: 4px;
            width: 4px; height: 4px;
            background: #726332;
            border-radius: 50%;
            box-shadow: 10px 0 0 0 #726332;
            animation: batEye 3s linear infinite;
        }
    }
}
.bat-2 {
    top: -50px;  left: 161px;
    width: 22px; height: 46px;
    background: #182129;
    border-radius: 20px 20px 0 0;
    transform-origin: top center;
    animation: bat 3s linear infinite;
    animation-delay: -2s;
    z-index: 1;

    &:before {
        top: 0px;    left: -5px;
        width: 21px; height: 31px;
        background: #182129;
        border-radius: 0 12px 8px 7px;
        transform: rotate(27deg);
    }
    &:after {
        top: 0px;    left: 4px;
        width: 21px; height: 31px;
        background: #182129;
        border-radius: 12px 0 7px 8px;
        transform: rotate(-27deg);
    }
    div {
        top: 46px; left: 0px;
        border-right: 7px solid transparent;
        border-top: 7px solid #182129;

        &:before {
            top: -7px; left: 15px;
            border-left: 7px solid transparent;
            border-top: 7px solid #182129;
        }
    }
}
.besom {
    top: 89px;   left: 72px;
    width: 39px; height: 39px;
    border-radius: 2px 81%;
    background: #3B4A3E;
    transform: rotate(21deg);
    transform-origin: -13px -55px;
    z-index: 101;

    &:before {
        top: -21px; left: -16px;
        width: 7px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 26px solid #30403F;
        transform: rotate(-40deg);
    }
    @supports (-webkit-box-reflect: left) {
        &:after {
            top: -10px;  left: 7px;
            width: 22px; height: 22px;
            background: #30403F;
            border-radius: 0 90%;
            transform: rotate(-40deg);
            -webkit-box-reflect: left 3px;
        }
    }
    .rope {
        top: -59px; left: -6px;
        width: 6px; height: 61px;
        border-radius: 4px;
        background: #464230;
        z-index: 1000;
        transform: rotate(-21deg);

        &:before {
            top: 59px;   left: -10px;
            width: 16px; height: 5px;
            background: #464230;
            border-radius: 4px;
            transform: rotate(-26deg);
        }
    }
}
.moth-rope {
    top: 0px;   left: 254px;
    width: 4px; height: 26px;
    border-radius: 0 0 4px 4px;
    background: #393931;
    box-shadow: 14px 0 0 0 #393931, 27px 0 0 0 #393931;

    &:before {
        top: 24px;    left: 1px;
        width: 151px; height: 30px;
        border-radius: 0 0 120px 120px;
        border-left: 4px solid #312E36;
        border-bottom: 4px solid #312E36;
        border-right: 4px solid #312E36;
    }
    &:after {
        top: -37px;  left: 114px;
        width: 66px; height: 66px;
        box-sizing: border-box;
        background: radial-gradient(#32323C 20%, transparent 21%, transparent 50%, #32323C 51%);
        border-radius: 50%;
    }
}
.moth {
    top: 43px;  left: 340px;
    width: 8px; height: 34px;
    background: #263449;
    border-radius: 4px;
    transform-origin: 4px 4px;
    transform: rotate(30deg);
    animation: moth 1.5s infinite;
    will-change: transform;

    &:before {
        top: 35px;   left: 5px;
        width: 12px; height: 12px;
        background: #304252;
        border-radius: 50%;
        box-shadow: -15px 0 0 0 #304252, -8px -3px 0 3px #263449;
    }
    &__wings {
        &:before {
            top: 1px; left: -4px;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 31px solid #1C596C;
            border-radius: 20px 20px 0 0;
            transform: rotate(40deg);
            transform-origin: bottom center;
            animation: mothWingRight 1.5s infinite;
            will-change: transform;
        }
        &:after {
            top: 1px; left: -14px;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 31px solid #1C596C;
            border-radius: 20px 20px 0 0;
            transform: rotate(-43deg);
            transform-origin: bottom center;
            animation: mothWingLeft 1.5s infinite;
            will-change: transform;
        }
    }
}
.alchemist {
    top: 114px;   left: 250px;
    width: 307px; height: 486px;
    z-index: 1;

    &__arm-r {
        top: 256px;  left: 194px;
        width: 24px; height: 80px;
        border-radius: 12px;
        transform-origin: 12px 12px;
        transform: rotate(-38deg);
        background: #9c735a;
        animation: alchemistRightArm 30s linear infinite;

        &:before {
            top: 56px;   left: 0px;
            width: 24px; height: 84px;
            border-radius: 12px;
            transform-origin: 12px 12px;
            transform: rotate(36deg);
            background: #9C735A;
            animation: alchemistRightForearm 30s linear infinite;
        }
    }
    &__arm-l {
        top: 256px;  left: 104px;
        width: 24px; height: 80px;
        border-radius: 12px;
        transform-origin: 12px 12px;
        transform: rotate(38deg);
        background: #9C735A;
        animation: alchemistLeftArm 30s linear infinite;

        &:before {
            top: 56px;   left: 0px;
            width: 24px; height: 84px;
            border-radius: 12px;
            transform-origin: 12px 12px;
            transform: rotate(-22deg);
            background: #9C735A;
            animation: alchemistLeftForearm 30s linear infinite;
        }
    }
    &__leg-r {
        top: 400px;  left: 178px;
        width: 27px; height: 54px;
        background: linear-gradient(to bottom, #424241 88%, #312E36 88%);

        &:before {
            top: 54px;   left: -12px;
            width: 52px; height: 18px;
            border-radius: 20px 20px 0 0;
            background: linear-gradient(to bottom, #464230 70%, #5A5A4A 70%);
        }
    }
    &__leg-l {
        top: 400px;  left: 102px;
        width: 27px; height: 54px;
        background: linear-gradient(to bottom, #424241 80%, #312E36 80%);
        transform-origin: top center;
        animation: alchemistLeftLeg 30s linear infinite;

        &:before {
            top: 54px;   left: -12px;
            width: 52px; height: 18px;
            border-radius: 20px 20px 0 0;
            background: linear-gradient(to bottom, #464230 70%, #5A5A4A 70%);
        }
    }
    &__beard {
        top: 110px;  left: 60px;
        width: 10px; height: 99px;
        border-radius: 0 0 11px 30px;
        border-left: 42px solid #7B4A31;
        border-bottom: 11px solid #7B4A31;
        animation: alchemistBeard 30s linear infinite;

        &:before {
            top: 0;      left: -94px;
            width: 10px; height: 99px;
            border-radius: 0 0 30px 11px;
            border-right: 42px solid #845239;
            border-bottom: 11px solid #845239;
        }
    }
    &__ear-r {
        top: 19px;   left: 97px;
        width: 67px; height: 34px;
        border-radius: 0 0 40px 40px;
        background: #FFCEA5;
        z-index: -1;
        transform: rotate(-46deg);
        animation: alchemistRightEar 30s linear infinite;

        &:before {
            top: 7px;    left: 28px;
            width: 15px; height: 20px;
            background: #CF9574;
            border-radius: 7px;
            transform: rotate(46deg);
        }
    }
    &__ear-l {
        top: 19px;   left: -42px;
        width: 67px; height: 34px;
        border-radius: 0 0 40px 40px;
        background: #FFCEA5;
        z-index: -1;
        transform: rotate(46deg);
        animation: alchemistLeftEar 30s linear infinite;

        &:before {
            top: 7px;    left: 24px;
            width: 15px; height: 20px;
            background: #CF9574;
            border-radius: 7px;
            transform: rotate(-46deg);
        }
    }
    &__eye-r {
        top: 50px; left: 63px;
        z-index: 1;
        animation: alchemistRightEye 30s linear infinite;

        &:before {
            top: -38px;  left: 2px;
            width: 57px; height: 30px;
            background: linear-gradient(to bottom, transparent 21%, #FFFFCE 21%);
            border-radius: 0 0 30px 30px;
            transform: rotate(-43deg);
            animation: alchemistRightBrow 30s linear infinite;
        }
        &:after {
            top: -4px;   left: 7px;
            width: 22px; height: 9px;
            background: #313139;
            border-radius: 5px;
        }
    }
    &__eye-l {
        top: 50px; left: 22px;
        z-index: 1;
        animation: alchemistLeftEye 30s linear infinite;

        &:before {
            top: -38px;  left: -22px;
            width: 57px; height: 30px;
            background: linear-gradient(to bottom, transparent 21%, #FFFFCE 21%);
            border-radius: 0 0 30px 30px;
            transform: rotate(43deg);
            animation: alchemistLeftBrow 30s linear infinite;
        }
        &:after {
            top: -11px;  left: 4px;
            width: 16px; height: 16px;
            border-radius: 50%;
            border: 6px solid #313139;
            background: linear-gradient(to bottom, #3193AE 50%, #29F2F2 50%);
            z-index: 1;
        }
    }
    &__head {
        top: 123px;   left: 94px;
        width: 120px; height: 110px;
        border-radius: 30px 30px 24px 24px;
        background: #FFCEA5;
        transform-origin: bottom center;
        animation: alchemistHead 30s linear infinite;

        &:before {
            top: 59px;   left: 5px;
            width: 30px; height: 30px;
            border-radius: 50%;
            box-shadow: 80px 0 0 0 #F7857C;
            background: #F7857C;
            animation: alchemistСheeks 30s linear infinite;
        }
        &:after {
            top: 54px; left: 20px;
            border-left: 40px solid transparent;
            border-right: 40px solid transparent;
            border-top: 42px solid #FFCEA5;
            animation: alchemistNose 30s linear infinite;
        }
    }
    &__mustache {
        top: 97px; left: 42px;
        animation: alchemistMustache 30s linear infinite;

        &:before {
            top: -41px;   left: -81px;
            width: 134px; height: 80px;
            border-radius: 90px 62px 0 0;
            background: linear-gradient(180deg, #FFFFCE 50%, transparent 50%);
            transform-origin: 98px 41px;
            transform: rotate(-46deg);
        }
        &:after {
            top: -41px;   left: -18px;
            width: 134px; height: 80px;
            border-radius: 62px 90px 0 0;
            background: linear-gradient(180deg,#ffffce 50%,transparent 50%);
            transform-origin: 36px 41px;
            transform: rotate(46deg);
        }
    }
    &__hat {
        top: 120px;  left: 192px;
        width: 98px; height: 37px;
        border-radius: 8px 0 100px 0;
        background: #F78C42;
        animation: alchemistHat 30s linear infinite;

        &:before {
            top: 32px;   left: 15px;
            width: 40px; height: 40px;
            border-radius: 0 0 40px 0;
            background: #F78C42;
            transform: rotate(40deg);
        }
    }
    &__hat-1 {
        top: 0px;     left: -170px;
        width: 100px; height: 39px;
        border-radius: 0 0 0 40px;
        background: #F78C42;
        box-shadow: inset 11px 11px 0 0 #F7E773;

        &:before {
            top: 31px;   left: 40px;
            width: 40px; height: 39px;
            border-radius: 0 0 0 40px;
            background: #F7E773;
            transform: rotate(-45deg);
        }
        &:after {
            top: -43px;   left: -16px;
            width: 157px; height: 63px;
            border-radius: 0 0 0 100px;
            background: #F78C42;
        }
    }
    &__hat-2 {
        top: -88px;  left: -192px;
        width: 23px; height: 28px;
        border-radius: 20px 0 0;
        background: #DE7352;

        &:before {
            top: 23px;    left: 0px;
            width: 163px; height: 71px;
            border-radius: 0 0 0 70px;
            background: linear-gradient(193deg, transparent 38%, #DE7352 20%);
        }
        &:after {
            top: 20px;   left: 0;
            width: 80px; height: 25px;
            border-radius: 0 0 0 30px;
            box-shadow: inset 57px 0 0 0 #DE7352;
        }
    }
    &__hat-3 {
        top: -84px;  left: -110px;
        width: 74px; height: 70px;
        border-radius: 32px 0 0 0;
        background: #DE7352;

        &:before {
            top: 22px;    left: 105px;
            width: 118px; height: 83px;
            border-radius: 0 0 77px 0;
            background: #F78C42;
        }
        &:after {
            top: 16px;    left: 104px;
            width: 120px; height: 76px;
            border-radius: 16px 0 90px 0;
            background: #BD6B42;
        }
    }
    &__hat-4 {
        top: -100px; left: -32px;
        width: 32px; height: 103px;
        border-radius: 0 29px 0 0;
        background: #BD6B42;

        &:before {
            top: 16px;   left: 53px;
            width: 14px; height: 17px;
            background: #BD6B42;
            border-radius: 14px 0 0 0;
            -webkit-box-reflect: right 11px;
        }
        &:after {
            top: 6px;    left: 121px;
            width: 25px; height: 26px;
            background: #BD6B42;
            border-radius: 0 24px 0 0;
        }
    }
    &__hat-5 {
        top: -57px; left: -60px;
        border-right: 54px solid transparent;
        border-bottom: 44px solid #DE7352;

        &:before {
            top: 0px; left: -15px;
            border-right: 54px solid transparent;
            border-bottom: 44px solid #DE7352;
        }
        &:after {
            top: 25px;   left: -67px;
            width: 30px; height: 16px;
            border-radius: 0 0 30px 30px;
            background: #BD6B42;
        }
    }
    &__hat-6 {
        top: -68px;  left: -169px;
        width: 26px; height: 13px;
        border-radius: 0 0 20px 20px;
        background: #B04D43;

        &:before {
            top: -13px;  left: 14px;
            width: 20px; height: 20px;
            border-radius: 0 70%;
            background: #F6AC43;
        }
        &:after {
            top: 24px;  left: -6px;
            width: 7px; height: 7px;
            border-radius: 50%;
            background: #B04D43;
            box-shadow: 12px 0 #B04D43, 24px 0 #B04D43, 6px 9px #B04D43, 18px 9px #B04D43, 29px 22px #B04D43, 53px 39px #3B4358, 67px 39px #3B4358;
        }
    }
    &__hat-7 {
        top: -27px;  left: 80px;
        width: 25px; height: 25px;
        border-radius: 0 80%;
        background: #F6AC43;

        &:before {
            top: 2px;    left: -41px;
            width: 24px; height: 24px;
            border-radius: 80% 0;
            background: #505C42;
            box-shadow: -199px 27px #8DA422;
        }
        &:after {
            top: -29px; left: -51px;
            width: 8px; height: 8px;
            border-radius: 50%;
            background: #F1C260;
            box-shadow: 13px 0 #F1C260;
        }
    }
    &__forelock {
        top: -32px;  left: -59px;
        width: 29px; height: 35px;
        border-radius: 0 90% 0 0;
        background: #7B4A31;
        z-index: 1;

        &:before {
            top: -30px;  left: 21px;
            width: 36px; height: 65px;
            border-radius: 0 54px 40px 0;
            background: #7B4A31;
        }
        &:after {
            top: 25px;   left: 3px;
            width: 15px; height: 24px;
            border-radius: 10px 0 0 20px;
            background: #7B4A31;
            transform-origin: right top;
            transform: rotate(-42deg);
        }
    }
    &__cat {
        top: -114px; left: -74px;
        width: 56px; height: 90px;
        border-radius: 30px;
        background: #3B4358;
        animation: cat 30s linear infinite;

        &:before {
            top: 64px;   left: -18px;
            width: 30px; height: 17px;
            border-radius: 0 0 0 20px;
            background: #3B4358;
            animation: catHand 30s linear infinite;
        }
        &:after {
            top: 15px;   left: 12px;
            width: 10px; height: 8px;
            border-radius: 100%;
            background: #F1C260;
            box-shadow: 23px 0 #F1C260;
            animation: catEyes 30s linear infinite;
        }
    }
    &__cat-face {
        top: 27px; left: 23px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #1A252F;

        &:before {
            top: -40px;  left: -20px;
            width: 12px; height: 17px;
            border-radius: 10px 2px 6px 0;
            background: #3B4358;
        }
        &:after {
            top: -40px;  left: 9px;
            width: 12px; height: 17px;
            border-radius: 2px 10px 0 6px;
            background: #3B4358;
            transform-origin: bottom left;
            transform: rotate(90deg) translate(-6px, -6px);
        }
    }
    &__cat-tail {
        top: -117px; left: -116px;
        width: 22px; height: 57px;
        border-radius: 0 20px 0 13px;
        background: linear-gradient(to bottom, #445A66 36%, #3B4358 36%);
    }
    &__coat-1 {
        top: 282px;   left: 88px;
        width: 159px; height: 176px;
        border-radius: 10px 10px 20px 20px;
        background: #263449;

        &:before {
            top: 0px;    left: -69px;
            width: 69px; height: 176px;
            border-radius: 60px 0 16px 13px;
            background: #263449;
            transform-origin: bottom left;
            transform: skew(-7deg);
            animation: alchemistLeftCloak 30s linear infinite;
        }
        &:after {
            top: 0px;    left: 161px;
            width: 47px; height: 176px;
            border-radius: 0 60px 17px 27px;
            background: #263449;
            transform-origin: bottom left;
            transform: skew(10deg);
            animation: alchemistRightCloak 30s linear infinite;
        }
    }
    &__coat-2 {
        top: 215px;  left: 71px;
        width: 70px; height: 60px;
        border-radius: 0 0 10px 100px;
        background: #304252;
        transform-origin: bottom right;
        transform: rotate(-45deg);
        animation: alchemistLeftShoulder 30s linear infinite;

        &:before {
            top: -13px;  left: -41px;
            width: 73px; height: 37px;
            background: #304252;
            transform-origin: bottom left;
            transform: rotate(21deg) skew(-38deg);
        }
        &:after {
            top: 0px;    right: -70px;
            width: 70px; height: 100%;
            background: #304252;
        }
    }
    &__coat-3 {
        top: 203px;  left: 164px;
        width: 70px; height: 60px;
        border-radius: 0 0 100px 10px;
        background: #304252;
        transform-origin: bottom left;
        transform: rotate(42deg);
        animation: alchemistRightShoulder 30s linear infinite;

        &:before {
            top: -15px;  left: 31px;
            width: 93px; height: 50px;
            background: #304252;
            transform-origin: bottom right;
            transform: rotate(-19deg) skew(38deg);
        }
        &:after {
            top: 0px;    left: -70px;
            width: 70px; height: 100%;
            background: #304252;
        }
    }
    &__body {
        top: 230px;   left: 87px;
        width: 138px; height: 189px;
        border-radius: 50% 50% 0 0 / 100% 100% 0 0;
        background: #424241;
    }
}
.chair {
    top: 586px;   left: 326px;
    width: 156px; height: 20px;
    background: #564239;
}
.pedal {
    top: 565px; left: 267px;
    width: 6px; height: 37px;
    border-radius: 3px;
    background: #524342;
    transform-origin: bottom center;
    transform: rotate(77deg);
    animation: alchemistPedal 30s linear infinite;

    & > div {
        top: 0px;   left: 0px;
        width: 6px; height: 45px;
        border-radius: 3px;
        background: #524342;
        transform-origin: 3px 3px;
        transform: rotate(44deg);
        animation: alchemistPedal-1 30s linear infinite;

        & > div {
            top: 39px;  left: 0px;
            width: 6px; height: 27px;
            border-radius: 3px;
            background: #524342;
            transform-origin: 3px 3px;
            transform: rotate(134deg);
            animation: alchemistPedal-2 30s linear infinite;

            &:before {
                bottom: -6px; left: -17px;
                width: 48px;  height: 13px;
                border-radius: 10px;
                background: #433532;
                transform-origin: center center;
                transform: rotate(-64deg);
                animation: alchemistPedal-3 30s linear infinite;
            }
        }
    }
}
.table {
    top: 496px;   left: 0px;
    width: 800px; height: 22px;
    background: #564239;
    box-shadow: 0 25px 0 5px #312E36;
    z-index: 1;

    &:before {
        top: 0;       left: 572px;
        height: 100%; width: 109px;
        border-radius: 50px;
        background: #7A5939;
        box-shadow: -267px 0 0 0 #9C7B31, -187px 0 0 0 #9C7B31,
                    -507px 0 0 0 #7A5939, -450px 0 0 0 #7A5939, -310px 0 0 0 #7A5939, -144px 0 0 0 #7A5939;
    }
}
.cage {
    top: 505px;  left: 589px;
    width: 72px; height: 120px;
    box-sizing: border-box;
    border: 7px solid #32323C;
    border-radius: 100px 64px 0 0;
    -webkit-box-reflect: right -52px;
    z-index: 1;

    &:before {
        top: -7px;  left: 35px;
        width: 7px; height: 100px;
        background: #383949;
        box-shadow: 0 -32px 0 -1px #32323C;
    }
    &:after {
        top: -14px;  left: 33px;
        height: 7px; width: 13px;
        background: #3B4358;
        box-shadow: -4px 55px 0 0 #3B4358, -16px 55px 0 0 #3B4358, -28px 55px 0 0 #3B4358, -40px 55px 0 0 #3B4358, -45px 55px 0 0 #3B4358;
    }
}
.basket {
    left: 647px;  top: 531px;
    width: 131px; height: 100px;
    z-index: 1;

    &:before {
        left: 64px;  top: 12px;
        width: 30px; height: 30px;
        background: #433532;
        border-radius: 80% 0;
        box-shadow: -48px 30px 0 0 #433532;
        transform: rotate(29deg);
    }
    &:after {
        top: 0px;   left: 60px;
        width: 9px; height: 80px;
        background: #524342;
        border-radius: 10px;
    }

    div {
        top: 10px;   left: 36px;
        width: 26px; height: 26px;
        background: #30403F;
        border-radius: 70% 0;
        transform: rotate(-80deg);

        &:before {
            top: 2px;     left: -93px;
            width: 130px; height: 70px;
            box-sizing: border-box;
            background: #464230;
            border-radius: 0 0 100px 100px;
            border-top: 10px solid #3A3031;
            transform: rotate(80deg);
        }
        &:after {
                top: 51px;   left: 18px;
                width: 15px; height: 15px;
                background: #3C5843;
                border-radius: 14% 80%;
                transform: rotate(-10deg);
                box-shadow: -14px -53px 0 -2px #3C5843, -25px -97px 0 2px #3C5843;
        }
    }
}
.bottle-1 {
    top: -174px; left: 785px;
    width: 20px; height: 174px;
    background: #1C596C;

    &:before {
        left: -23px; top: 27px;
        width: 23px; height: 147px;
        background: #1C596C;
        border-radius: 23px 0 0 8px / 40px 0 0 8px;
    }
    &:after {
        top: -10px;  left: -5px;
        width: 21px; height: 12px;
        border-radius: 4px;
        background: #519CBC;
    }

    div:nth-child(1) {
        top: 47px;   left: 5px;
        width: 30px; height: 66px;
        border-radius: 100% 0 0 100%;
        background: #3C5843;

        &:before {
            top: 29px;   left: -12px;
            width: 13px; height: 41px;
            border-radius: 50% 50% 0 0 / 100% 100% 0 0;
            background: #5A844F;
            transform: rotate(-19deg);
        }
        &:after {
            top: 64px;   left: -20px;
            width: 40px; height: 54px;
            border-radius: 15px 0 0 4px;
            background: #564239;
        }
    }
    div:nth-child(2) {
        top: 47px;   left: -15px;
        width: 26px; height: 44px;
        background: #519cbc6e;
        border-radius: 23px 10px 10px 25px;

        &:before {
            top: 7px;    left: 7px;
            width: 16px; height: 15px;
            border-radius: 8px 10px 12px 12px;
            background: #519CBC;
        }
        &:after {
            top: 82px;   left: 7px;
            width: 11px; height: 11px;
            border-radius: 50%;
            background: #8F988E;
            box-shadow: 10px -11px 0 0 #3C313C, 13px -23px 0 -1px #3C313C;
        }
    }
}
.bottle-2 {
    top: -98px;  left: 694px;
    width: 38px; height: 12px;
    border-radius: 12px;
    background: #BC8740;
    box-shadow: inset -11px -5px 0 0 #965D3F;

    &:before {
        top: 12px;   left: -4px;
        width: 46px; height: 8px;
        border-radius: 4px;
        background: #C7DECB;
        box-shadow: inset -28px 0px 0 0 #8CA59C;
    }
    &:after {
        top: 20px;   left: 0px;
        width: 39px; height: 6px;
        background: #597B8B;
        box-shadow: 0 4px 0 -2px #9C735A;
    }
    & > div:nth-child(1) {
        top: 26px;   left: -28px;
        width: 97px; height: 72px;
        box-sizing: border-box;
        border: 6px solid #8CBC9B;
        border-radius: 32px 32px 15px 15px;
        background: #8CBC9B;
        overflow: hidden;

        &:after {
            top: 8px;    left: 46px;
            width: 32px; height: 40px;
            border-radius: 16px 13px 12px 12px;
            background: #ffffff42;
        }
    }
    &__dude-1 {
        top: 10px;   left: 35px;
        width: 23px; height: 18px;
        border-radius: 10px;
        background: #1A252F;
        transform: rotate(8deg);
        animation: bottle2Dude1 3s ease infinite;
        animation-delay: -1.2s;

        &:before {
            top: 4px;   left: 4px;
            width: 7px; height: 7px;
            border-radius: 50%;
            background: #F1C260;
            box-shadow: 9px 0px 0 0 #F1C260;
        }
    }
    &__dude-2 {
        top: 41px;   left: 4px;
        width: 19px; height: 15px;
        border-radius: 10px;
        background: #1A252F;
        transform: rotate(8deg);
        animation: bottle2Dude2 3s ease infinite;
        animation-delay: -2.3s;

        &:before {
            top: 4px;   left: 4px;
            width: 5px; height: 5px;
            border-radius: 50%;
            background: #f1c260;
            box-shadow: 6px 0 0 0 #f1c260;
        }
    }
    &__dude-3 {
        top: 39px;   left: 52px;
        width: 17px; height: 14px;
        border-radius: 10px;
        background: #1a252f;
        transform: rotate(-15deg);
        animation: bottle2Dude3 3s ease infinite;
        animation-delay: -0.2s;

        &:before {
            top: 4px;   left: 3px;
            width: 5px; height: 5px;
            border-radius: 50%;
            background: #F1C260;
            box-shadow: 6px 0 0 0 #f1c260;
        }
    }
}
.bottle-3 {
    top: -132px; left: 594px;
    width: 62px; height: 13px;
    border-radius: 8px;
    background: #8CBC9B;
    box-shadow: inset -35px 0 0 0 #2E759E;

    &:before {
        top: 13px;   left: 8px;
        width: 46px; height: 6px;
        background: #074770;
    }
    &:after {
        top: 32px;   left: -5px;
        width: 17px; height: 18px;
        border-radius: 14px 9px 12px 12px;
        background: #ffffff42;
    }
    & > div:nth-child(1) {
        top: 19px;   left: -16px;
        width: 94px; height: 113px;
        box-sizing: border-box;
        border: 7px solid #1C596C;
        border-radius: 20px 20px 10px 10px;
        background: #1C596C;
        overflow: hidden;

        &:before {
            top: 92px;   left: 13px;
            width: 51px; height: 7px;
            border-radius: 10px 10px 0 0;
            background: #599B8B;
        }
    }
    &__dude-1 {
        top: 6px;    left: 30px;
        width: 54px; height: 54px;
        border-radius: 50%;
        background: #42ADBD90;
        animation: bottle3Dude1 5s ease -2s infinite;

        &:before {
            top: 23px;  left: 21px;
            width: 9px; height: 9px;
            border-radius: 50%;
            background: #68FBE5;
            box-shadow: 6px 4px 0 -2px #68FBE5;
        }
        &:after {
            top: 21px;  left: 25px;
            width: 8px; height: 8px;
            border-radius: 90% 0;
            background: #1A252F;
            transform: rotate(-57deg);
            -webkit-box-reflect: left 0px;
        }
    }
    &__dude-2 {
        top: 10px;   left: -12px;
        width: 54px; height: 54px;
        border-radius: 50%;
        background: #42ADBD90;
        transform: rotate(20deg);
        animation: bottle3Dude2 5s ease -1s infinite;

        &:before {
            top: 23px;  left: 21px;
            width: 9px; height: 9px;
            border-radius: 50%;
            background: #68FBE5;
            box-shadow: 6px 4px 0 -2px #68FBE5;
        }
        &:after {
            top: 21px;  left: 25px;
            width: 8px; height: 8px;
            border-radius: 90% 0;
            background: #1A252F;
            transform: rotate(-57deg);
            -webkit-box-reflect: left 0px;
        }
    }
    &__dude-3 {
        top: 41px;   left: 7px;
        width: 54px; height: 54px;
        border-radius: 50%;
        background: #42ADBD90;
        transform: rotate(-40deg);
        animation: bottle3Dude3 5s ease infinite;

        &:before {
            top: 23px;  left: 21px;
            width: 9px; height: 9px;
            border-radius: 50%;
            background: #68FBE5;
            box-shadow: 6px 4px 0 -2px #68FBE5;
        }
        &:after {
            top: 21px;  left: 25px;
            width: 8px; height: 8px;
            border-radius: 90% 0;
            background: #1A252F;
            transform: rotate(-57deg);
            -webkit-box-reflect: left 0px;
        }
    }
    .dust-1 {
        top: -10px; left: 45px;
        width: 7px; height: 7px;
        background: #2283c7;
        animation: bottle3Dust1 5s linear -1s infinite;
    }
    .dust-2 {
        top: -12px; left: 40px;
        width: 5px; height: 5px;
        background: #2283c7;
        animation: bottle3Dust2 5s linear -2s infinite;
    }
    .dust-3 {
        top: -12px; left: 20px;
        width: 6px; height: 6px;
        background: #2283c7;
        animation: bottle3Dust3 5s linear -3s infinite;
    }
    .dust-4 {
        top: -28px; left: 20px;
        width: 6px; height: 6px;
        background: #2283c7;
        animation: bottle3Dust4 5s linear -4s infinite;
    }
    .dust-5 {
        top: -22px; left: 54px;
        width: 6px; height: 6px;
        background: #2283c7;
        animation: bottle3Dust5 5s linear -1.4s infinite;
    }
    .dust-6 {
        top: -42px; left: 34px;
        width: 5px; height: 5px;
        background: #2283c7;
        animation: bottle3Dust6 5s linear -2.1s infinite;
    }
    .dust-7 {
        top: -62px; left: 34px;
        width: 5px; height: 5px;
        background: #2283c7;
        animation: bottle3Dust7 5s linear -4.1s infinite;
    }
    .dust-8 {
        top: -62px; left: 2px;
        width: 6px; height: 6px;
        background: #2283c7;
        animation: bottle3Dust8 5s linear -3.1s infinite;
    }
    .dust-9 {
        top: -58px; left: 44px;
        width: 6px; height: 6px;
        background: #2283c7;
        animation: bottle3Dust9 5s linear -2.6s infinite;
    }
    .dust-10 {
        top: -74px; left: 52px;
        width: 6px; height: 6px;
        background: #2283c7;
        animation: bottle3Dust10 5s linear infinite;
    }
}
.mushroom-3 {
    top: -41px;  left: 558px;
    width: 18px; height: 28px;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: #D6E7CA;
    border-radius: 0 0 16px 16px;

    &:before {
        top: 34px;   left: 2px;
        width: 14px; height: 7px;
        background: #D6E7CA;
    }
    &:after {
        top: -23px; left: -8px;
        width: 8px; height: 25px;
        background: #D6E7CA;
    }

    & > div {
        top: 4px;    left: -22px;
        width: 10px; height: 12px;
        border-left: 8px solid #D6E7CA;
        border-bottom: 8px solid #D6E7CA;
        border-radius: 0 0 0 13px;

        &:before {
            top: -10px;  left: -20px;
            width: 29px; height: 10px;
            border-radius: 10px 10px 0 0;
            background: #964554;
            box-shadow: 42px 0 0 0 #F78C42, 15px -27px 0 0 #D66363;
            z-index: 1;
        }
    }
}
.mushroom-4 {
    top: -20px;  left: 520px;
    width: 34px; height: 16px;
    border-radius: 19px 19px 2px 2px;
    background: #699842;

    &:before {
        top: 16px;   left: 5px;
        width: 24px; height: 4px;
        border-radius: 0 0 10px 10px;
        background: #D6E7CA;
    }
}
.plants {
    top: -16px;  left: 29px;
    width: 87px; height: 16px;
    background: #464230;

    &:before {
        top: -106px; left: 4px;
        width: 8px;  height: 78px;
        background: #464230;
        transform-origin: bottom left;
        transform: skew(-17deg);
    }
    &:after {
        top: -100px; left: 8px;
        width: 10px; height: 32px;
        border-radius: 100% 100% 0 0;
        background: #464230;
        transform: rotate(-35deg);
    }

    & > div {
        top: -62px;  left: 15px;
        width: 40px; height: 62px;
        border-radius: 21px 20px 0 0;
        background: #216037;

        &:before {
            top: -67px;  left: 18px;
            width: 22px; height: 22px;
            background: #216037;
            border-radius: 80% 0;
            transform-origin: bottom left;
            transform: rotate(0deg);
            animation: leaf 30s ease infinite;
        }
        &:after {
            top: 26px;   left: -27px;
            width: 27px; height: 36px;
            border-radius: 10px 10px 10px 10px;
            background: #233B37;
            box-shadow: 61px 7px 0 -6px #216037;
        }
    }
}
.skulp {
    top: -52px;  left: 26px;
    width: 39px; height: 42px;
    border-radius: 17px 15px 17px 19px;
    background: linear-gradient(69deg, #8C9C7B 71%, #F7E773 72%);
    transform-origin: 10px bottom;
    animation: skulp 30s linear infinite;

    &:before {
        top: 6px; left: 35px;
        height: 16px;
        border-top: 14px solid transparent;
        border-left: 22px solid #F7E773;
    }
    &:after {
        top: 11px;   left: 17px;
        width: 19px; height: 19px;
        border-radius: 10px 13px 15px 10px;
        background: #313131;
    }
    & > div:nth-child(1) {
        top: 21px;  left: 57px;
        width: 7px; height: 18px;
        border-radius: 0 10px 0 7px;
        background: #F7E773;

        &:before {
            top: 11px;  left: -15px;
            width: 4px; height: 10px;
            border-radius: 4px;
            background: #F7E773;
            box-shadow: 8px 0 0 0 #F7E773, 18px 0 0 0 #F7E773;
        }
        &:after {
            top: 3px;   left: -4px;
            width: 6px; height: 6px;
            border-radius: 50%;
            background: #313131;
        }
    }
    & > div:nth-child(2) {
        top: -45px;  left: -18px;
        width: 16px; height: 22px;
        border-left: 7px solid #8C9C7B;
        border-bottom: 7px solid #8C9C7B;
        border-radius: 0 0 0 29px;

        &:before {
            top: 10px;  left: 11px;
            width: 8px; height: 24px;
            border-radius: 0 0 0 9px;
            background: #8C9C7B;
        }
        &:after {
            top: 26px;  left: 15px;
            width: 8px; height: 22px;
            background: #8C9C7B;
            transform: skew(20deg);
        }
    }
}
.pot {
    &:before {
        top: -113px; left: 92px;
        width: 97px; height: 58px;
        background: linear-gradient(-9deg, #726332 31%, #5A5A4A 32%);
        box-shadow: inset 7px -28px 0 0 rgba(0, 0, 0, 0.22);
        border-radius: 20px 23px 33px 30px;
        transform: rotate(10deg);
    }
    &:after {
        top: -76px;  left: 92px;
        width: 98px; height: 8px;
        border-radius: 4px;
        background: #DDAD31;
        box-shadow: inset 60px 0 0 0 #9C7B31;
    }
    & > div:nth-child(1) {
        top: -99px;  left: 158px;
        width: 15px; height: 16px;
        border-radius: 10px;
        background: #ffffff42;

        &:before {
            top: 36px;  left: -55px;
            width: 7px; height: 63px;
            background: #61542a;
            transform: skew(-10deg);
        }
        &:after {
            top: 36px;  left: 15px;
            width: 7px; height: 63px;
            background: #61542a;
            transform: skew(10deg);
        }
    }
    & > div:nth-child(2) {
        top: -123px; left: 105px;
        width: 66px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 12px solid #393939;
        box-shadow: 0 -6px 0 0 #589471;
        transform: rotate(10deg);

        &:before {
            top: 110px;  left: -10px;
            width: 58px; height: 6px;
            border-radius: 10px 10px 0 0;
            background: #29C88C;
            transform: rotate(-10deg);
        }
        &:after {
            top: 100px;  left: 67px;
            width: 10px; height: 6px;
            border-radius: 10px 10px 0 0;
            background: #29C88C;
            transform: rotate(-10deg);
        }
    }
    & > div:nth-child(3) {
        &:before {
            top: -4px;  left: 116px;
            width: 6px; height: 31px;
            border-radius: 4px;
            background: #29C88C;
            transform-origin: top center;
        }
        &:after {
            top: -4px;  left: 132px;
            width: 9px; height: 30px;
            border-radius: 4px;
            background: #29C88C;
            transform-origin: top center;
            animation: potLiquid2 30s linear infinite;
        }
    }
    & > div:nth-child(4) {
        top: -128px;
        left: 150px;
        width: 8px;
        height: 7px;
        border-radius: 8px;
        background: #2ac88c;

        &:before {
            top: -2px;
            left: 12px;
            width: 10px;
            height: 18px;
            border-radius: 50%;
            background: #2ac88c;
            transform-origin: top center;
            animation: potPotion1 30s ease infinite;
        }
        &:after {
            top: -1px;
            left: 21px;
            width: 8px;
            height: 10px;
            border-radius: 50%;
            background: #2ac88c;
            transform-origin: top center;
            animation: potPotion2 30s ease infinite;
        }
    }
    & > div:nth-child(5) {
        top: -131px;
        left: 136px;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background: #2ac88c;

        &:before {
            top: -7px;
            left: -16px;
            width: 6px;
            height: 19px;
            border-radius: 50%;
            background: #2ac88c;
            transform-origin: top center;
            animation: potPotion3 30s ease infinite;
        }
    }
    &__drop {
        top: 0px;   left: 132px;
        width: 9px; height: 9px;
        border-radius: 50%;
        background: #29C88C;
        animation: potDrop 30s linear infinite;
    }
    &__bubble-1 {
        top: -82px;  left: 104px;
        width: 12px; height: 12px;
        border-radius: 50%;
        background: #29C88C;
        animation: potBubble1 30s linear infinite;
    }
    &__bubble-2 {
        top: -82px;  left: 118px;
        width: 12px; height: 12px;
        border-radius: 50%;
        background: #29C88C;
        animation: potBubble2 30s linear infinite;
    }
    &__bubble-3 {
        top: -80px;  left: 166px;
        width: 10px; height: 10px;
        border-radius: 50%;
        background: #29C88C;
        animation: potBubble3 30s linear infinite;
    }
}
.bottle-4 {
    top: -54px;  left: 188px;
    width: 38px; height: 54px;
    border-radius: 5px;
    background: #8CC673;
    animation: bottle4 3s infinite;

    &:before {
        top: -10px;  left: 2px;
        width: 33px; height: 10px;
        border-radius: 6px;
        background: #BC8740;
    }
    &:after {
        top: -2px;   left: 6px;
        width: 26px; height: 3px;
        background: #424241;
        box-shadow: 0 4px 0 1px #7B5A21;
    }

    &__dude {
        top: 31px;   left: 10px;
        width: 18px; height: 15px;
        border-radius: 3px;
        background: #41253B;

        &:before {
            top: 15px;  left: 0px;
            width: 8px; height: 4px;
            border-radius: 3px 0 0 0;
            background: #964554;
            -webkit-box-reflect: right 2px;
        }
        &-head {
            top: -12px;  left: -2px;
            width: 22px; height: 21px;
            transform-origin: bottom center;
            animation: bottle4DudeHead 3s infinite;

            &:before {
                top: 6px;   left: 4px;
                width: 6px; height: 6px;
                border-radius: 50%;
                background: #313139;
                -webkit-box-reflect: right 3px;
                z-index: 1;
            }
            &:after {
                top: 0px;    left: 0px;
                width: 22px; height: 21px;
                border-radius: 9px;
                background: #964554;
            }
        }
        &-hair-1 {
            top: -5px;  left: 6px;
            width: 8px; height: 8px;
            border-radius: 90% 0;
            background: #457E2D;
            transform-origin: bottom left;
            transform: rotate(-70deg);
            animation: bottle4DudeHeadHair1 3s infinite;
        }
        &-hair-2 {
            top: -7px;   left: 11px;
            width: 10px; height: 10px;
            border-radius: 90% 0;
            background: #457E2D;
            transform-origin: bottom left;
            transform: rotate(-45deg);
            animation: bottle4DudeHeadHair2 3s infinite;
        }
        &-hair-3 {
            top: -5px;  left: 15px;
            width: 8px; height: 8px;
            border-radius: 90% 0;
            background: #457E2D;
            transform-origin: bottom left;
            transform: rotate(-10deg);
            animation: bottle4DudeHeadHair3 3s infinite;
        }
    }
}
.fire {
    position: absolute;
    left: 122px;

    &__item1 {
        position: absolute;
        top: -24px;  left: 8px;
        width: 13px; height: 13px;
        background: #f78c42;
        transform: rotate(-45deg);
        animation: fireItem1 4s ease -1s infinite;
    }
    &__item2 {
        position: absolute;
        top: -24px;  left: 8px;
        width: 13px; height: 13px;
        background: #f7e873;
        transform: rotate(-45deg);
        animation: fireItem2 4s ease -3.2s infinite;
    }
    &__item3 {
        position: absolute;
        top: -24px;  left: 8px;
        width: 13px; height: 13px;
        background: #f78c42;
        transform: rotate(-45deg);
        animation: fireItem3 4s ease -1.2s infinite;
    }
    &__item4 {
        position: absolute;
        top: -24px;  left: 8px;
        width: 13px; height: 13px;
        background: #f7e873;
        transform: rotate(-45deg);
        animation: fireItem4 4s ease -4.6s infinite;
    }
    &__item5 {
        position: absolute;
        top: -24px;  left: 8px;
        width: 13px; height: 13px;
        background: #f78c42;
        transform: rotate(-45deg);
        animation: fireItem5 4s ease -3.1s infinite;
    }
    &__item6 {
        position: absolute;
        top: -24px;  left: 8px;
        width: 13px; height: 13px;
        background: #f7e873;
        transform: rotate(-45deg);
        animation: fireItem4 4s ease -1.7s infinite;
    }
    &__item7 {
        position: absolute;
        top: -24px;  left: 8px;
        width: 13px; height: 13px;
        background: #f78c42;
        transform: rotate(-45deg);
        animation: fireItem5 4s ease -2.9s infinite;
    }
    &__item8 {
        position: absolute;
        top: -24px;  left: 8px;
        width: 13px; height: 13px;
        background: #f7e873;
        transform: rotate(-45deg);
        animation: fireItem4 4s ease -3.1s infinite;
    }
    &__item9 {
        position: absolute;
        top: -24px;  left: 8px;
        width: 13px; height: 13px;
        background: #f78c42;
        transform: rotate(-45deg);
        animation: fireItem5 4s ease -2.5s infinite;
    }
    &__item10 {
        position: absolute;
        left: 17px;  top: -21px;
        width: 13px; height: 13px;
        background: #f7e873;
        border-color: #f78c42;
        border-style: solid;
        border-width: 4px 4px 2px 2px;
        transform-origin: left bottom;
        transform: rotate(-45deg);
        animation: fireItem6 4s ease infinite;
    }
}
.plants-2 {
    top: -116px;  left: 156px;
    width: 126px; height: 116px;

    & > div:nth-child(1) {
        top: 73px;   left: 8px;
        width: 43px; height: 43px;
        border-radius: 50%;
        background: #433532;

        &:before {
            top: 4px;    left: 2px;
            width: 10px; height: 10px;
            background: #433532;
        }
        &:after {
            top: 16px;   left: -2px;
            width: 10px; height: 10px;
            background: #433532;
            transform: rotate(40deg);
        }
    }
    & > div:nth-child(2) {
        top: 51px;   left: -2px;
        width: 65px; height: 65px;
        border-radius: 0 100% 0 100%;
        background: #14775D;
        transform: rotate(63deg);
        transform-origin: bottom right;
        animation: plants2 30s linear infinite;
    }
    & > div:nth-child(3) {
        top: 76px;   left: 32px;
        width: 40px; height: 40px;
        border-radius: 0 100% 0 100%;
        background: #38683E;
        transform: rotate(86deg);
        transform-origin: bottom right;
        animation: plants3 30s linear infinite;
    }
    & > div:nth-child(4) {
        top: 86px;   left: 52px;
        width: 30px; height: 30px;
        border-radius: 0 100% 0 100%;
        background: #3C5843;
        transform: rotate(112deg);
        transform-origin: bottom right;
        animation: plants4 30s linear infinite;
    }
    & > div:nth-child(5) {
        top: 62px;   left: 14px;
        width: 55px; height: 55px;
        border-radius: 0 100% 0 100%;
        background: #3C5843;
        transform: rotate(26deg);
        transform-origin: bottom right;
        animation: plants5 30s linear infinite;
    }
    & > div:nth-child(6) {
        top: 21px;  left: 60px;
        width: 6px; height: 92px;
        background: #298B43;
        transform-origin: bottom center;
        animation: plants6 30s linear infinite;

        &:before {
            top: -6px;   left: -17px;
            width: 18px; height: 18px;
            border-radius: 80% 0;
            background: #3C5843;
            -webkit-box-reflect: right;
            transform-origin: top right;
            transform: rotate(-12deg);
        }
        &:after {
            top: -19px; left: -12px;
            width: 8px; height: 8px;
            border-radius: 50%;
            background: #DFA862;
            box-shadow: 9px -3px 0 0 #77354F, -2px 12px 0 0 #AD5261, 7px 8px 0 0 #AD5261, 17px 5px 0 0 #77354F;
        }
    }
}
.nut {
    top: -19px;  left: 230px;
    width: 20px; height: 20px;
    border-radius: 60% 80% 0;
    background: linear-gradient(122deg, #3A3129 43%, #B79628 44%);
    transform: rotate(-12deg);
}
.staff {
    top: 578px;   left: 0px;
    width: 206px; height: 22px;
    border-radius: 0 0 16px 0;
    background: #433532;
    z-index: 1;

    &:before {
        top: -43px;  left: 54px;
        width: 42px; height: 43px;
        border-radius: 18px 18px 0 0;
        background: #564239;
    }

    div:nth-child(1) {
        top: -46px;  left: 10px;
        width: 60px; height: 46px;
        border-radius: 29px 31px 0 0;
        background: #1A252F;

        &:before {
            top: -23px;  left: 2px;
            width: 14px; height: 36px;
            border-radius: 18px 0 0 0;
            border-top: 7px solid #1A252F;
            border-left: 7px solid #1A252F;
        }
        &:after {
            top: -25px;  left: 22px;
            width: 18px; height: 28px;
            background: #1A252F;
        }
    }
    div:nth-child(2) {
        top: -78px;  left: 29px;
        width: 25px; height: 8px;
        border-radius: 4px;
        background: #212939;
        box-shadow: 0 28px 0 -2px #464230;

        &:before {
            top: 38px; left: 9px;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #464230;
            box-shadow: 0 8px 0 0 #464230, 0 16px 0 0 #464230;
        }
        &:after {
            top: 29px;   left: 38px;
            width: 16px; height: 7px;
            background: #564239;
        }
    }
    div:nth-child(3) {
        top: -53px;  left: 64px;
        width: 22px; height: 5px;
        border-radius: 4px;
        background: #564239;

        &:before {
            top: 38px;   left: 38px;
            width: 34px; height: 15px;
            border-radius: 22px 22px 0 0;
            background: #263449;
        }
        &:after {
            top: 33px;  left: 50px;
            width: 9px; height: 10px;
            background: #263449;
        }
    }
    div:nth-child(4) {
        top: -24px;  left: 112px;
        width: 14px; height: 4px;
        border-radius: 2px;
        background: #304252;

        &:before {
            top: -3px;  left: 36px;
            width: 6px; height: 24px;
            background: #393939;
            transform-origin: 0 0;
            transform: rotate(-47deg);
        }
        &:after {
            top: -12px;  left: 32px;
            width: 12px; height: 12px;
            border-radius: 50%;
            background: #393939;
        }
    }
    div:nth-child(5) {
        top: 12px;   left: 130px;
        width: 77px; height: 10px;
        border-radius: 0 0 6px 6px;
        background: #312E36;

        &:before {
            top: -25px;  left: 15px;
            width: 51px; height: 20px;
            background: #3B4A3E;
            border-radius: 3px 3px 13px 13px;
            transform-origin: 0 0;
            transform: rotate(-14deg);
        }
        &:after {
            top: -16px;  left: 12px;
            width: 54px; height: 16px;
            background: #5A5A4A;
            border-radius: 2px 2px 6px 6px;
        }
    }
}
.snail {
    left: 370px;
    animation: snail 30s linear infinite;

    &__tail {
        top: -13px;  left: 5px;
        width: 89px; height: 13px;
        border-radius: 7px;
        background: #d66362;
        transform-origin: bottom left;
        animation: snailTail 30s linear infinite;

        &:before {
            top: -20px; left: 0px;
            width: 34px;
            border-right: 50px solid transparent;
            border-bottom: 20px solid #d66362;
        }
        &:after {
            top: -5px;  left: 35px;
            width: 8px; height: 8px;
            border-radius: 50%;
            background: #964554;
        }

        div {
            top: -30px; left: 38px;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 15px solid #59844f;
            transform: rotate(21deg);
            animation: snailTailSpike 30s linear infinite;

            &:before {
                top: 4px; left: 9px;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 11px solid #59844f;
                transform: rotate(1deg);
            }
            &:after {
                top: 6px; left: 27px;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 9px solid #59844f;
                transform: rotate(0deg);
            }
        }
    }
    &__body {
        top: -90px;  left: -18px;
        width: 58px; height: 66px;
        border-radius: 30px;
        background: #d66362;
        transform-origin: center 90px;
        animation: snailBody 30s linear infinite;

        &:before {
            top: 9px;    left: 14px;
            width: 30px; height: 30px;
            border-radius: 50%;
            background: #012135;
            box-shadow: inset 0 0 0 8px #d6e7ca;
            animation: snailEye 30s linear infinite;
            z-index: 1;
        }
        &:after {
            top: 37px;   left: 5px;
            width: 12px; height: 12px;
            border-radius: 50%;
            background: #964554;
            box-shadow: 10px 10px 0 -3px #964554;
        }

        div:nth-child(2) {
            top: -6px; left: 47px;
            width: 8px;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-bottom: 22px solid #d66362;
            transform: rotate(36deg);
            animation: snailRightEye 30s linear infinite;

            &:before {
                top: -10px;  left: -2px;
                width: 12px; height: 12px;
                border-radius: 50%;
                background: #ddad32;
            }
        }
        div:nth-child(3) {
            top: -9px; left: 2px;
            width: 8px;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-bottom: 22px solid #d66362;
            transform: rotate(-36deg);
            animation: snailLeftEye 30s linear infinite;

            &:before {
                top: -8px;   left: -2px;
                width: 12px; height: 12px;
                border-radius: 50%;
                background: #ddad32;
            }
        }
        div:nth-child(4) {
            top: 0px;    left: 0px;
            width: 100%; height: 90px;
            border-radius: 30px;
            overflow: hidden;
            animation: snailSpots 30s linear infinite;

            &:before {
                top: 34px;   left: 49px;
                width: 18px; height: 18px;
                border-radius: 50%;
                background: #964554;
            }
            &:after {
                top: 68px;   left: 1px;
                width: 16px; height: 16px;
                border-radius: 50%;
                background: #964554;
            }
        }
        div:nth-child(5) {
            &:before {
                top: 24px;   left: 0px;
                width: 58px; height: 66px;
                border-radius: 30px;
                background: #d66362;
                animation: snailTummyBottom 30s linear infinite;
            }
            &:after {
                top: 10px;   left: 0px;
                width: 58px; height: 66px;
                border-radius: 30px;
                background: #d66362;
                animation: snailTummyTop 30s linear infinite;
            }
        }
    }
    &__head {
        top: -10px; left: 22px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 11px solid #59844f;
        animation: snailHead 30s linear infinite;
        z-index: 1;

        &:before {
            top: 28px; left: 26px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 11px solid #59844f;
            transform: rotate(79deg);
            animation: snailSpike1 30s linear infinite;
        }
        &:after {
            top: 45px; left: 27px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 11px solid #59844f;
            transform: rotate(90deg);
            animation: snailSpike2 30s linear infinite;
        }
    }
}
.piggy {
    left: 382px;
    animation: piggy 30s linear infinite;
    z-index: -1;

    &__body {
        top: -68px;   left: -26px;
        width: 100px; height: 50px;
        border-radius: 29px 29px 0 0;
        background: #cedd51;
        animation: piggyBody 30s linear infinite;
    }
    &__front-legs {
        animation: piggyFrontLegs 30s linear infinite;

        &:before {
            top: -18px;  left: -26px;
            width: 24px; height: 18px;
            border-radius: 0 0 100% 0;
            background: #689842;
            transform-origin: top left;
            animation: piggyFirstLeg 30s linear infinite;
        }
        &:after {
            top: -18px;  left: -1px;
            width: 24px; height: 18px;
            border-radius: 0 0 100% 0;
            background: #689842;
            transform-origin: top left;
            animation: piggySecondLeg 30s linear infinite;
        }
    }
    &__back-legs {
        animation: piggyBackLegs 30s linear infinite;

        &:before {
            top: -18px;  left: 24px;
            width: 24px; height: 18px;
            border-radius: 0 0 100% 0;
            background: #689842;
            transform-origin: top left;
            animation: piggyThirdLeg 30s linear infinite;
        }
        &:after {
            top: -18px;  left: 50px;
            width: 24px; height: 18px;
            border-radius: 0 0 0 100%;
            background: #689842;
            transform-origin: top left;
            animation: piggyFourthLeg 30s linear infinite;
        }
    }
    &__ear-right {
        top: -83px;  left: 10px;
        width: 22px; height: 22px;
        border-radius: 90% 0;
        background: #ad5261;
        border: 8px solid #cedd51;
        animation: piggyRightEar 30s linear infinite;
    }
    &__ear-left {
        top: -84px;  left: -41px;
        width: 22px; height: 22px;
        border-radius: 0 90%;
        background: #ad5261;
        border: 8px solid #cedd51;
        transform: rotate(7deg);
        animation: piggyLeftEar 30s linear infinite;
    }
    &__tail {
        top: -72px;  left: 67px;
        width: 21px; height: 22px;
        border-radius: 0 100% 0 12px;
        background: #ffffce;
        animation: piggyTail 30s linear infinite;
    }
    &__hair {
        top: -69px; left: -16px;
        animation: piggyHair 30s linear infinite;

        &:before {
            top: -10px; left: 20px;
            width: 8px; height: 12px;
            border-radius: 0 10px 0 0;
            background: #ffffce;
        }
        &:after {
            top: -7px;  left: 6px;
            width: 8px; height: 12px;
            border-radius: 10px 0 0 0;
            background: #ffffce;
            transform: rotate(-30deg);
        }
    }
    &__eyes {
        top: -43px; left: -17px;

        &:before {
            left: 1px;   top: -3px;
            width: 15px; height: 8px;
            border-radius: 0 0 10px 10px;
            background: #1a2530;
            animation: piggyRightEye 30s linear infinite;
        }
        &:after {
            left: 21px;  top: -8px;
            width: 15px; height: 15px;
            border-radius: 50%;
            background: #1a2530;
            animation: piggyLeftEye 30s linear infinite;
        }
    }
    &__mouth {
        top: -32px; left: -6px;
        width: 6px; height: 4px;
        border-radius: 4px 4px 0 0;
        border-top: 4px solid #964554;
        border-left: 4px solid #964554;
        border-right: 4px solid #964554;
        animation: piggyMouth 30s linear infinite;

        &:before {
            top: -13px;  left: 10px;
            width: 25px; height: 25px;
            border-radius: 50%;
            background: #feecb2;
            animation: piggyCheekRight 30s linear infinite;
        }
        &:after {
            top: -12px;  left: -29px;
            width: 25px; height: 25px;
            border-radius: 50%;
            background: #feecb2;
            animation: piggyCheekLeft 30s linear infinite;
        }
    }
}
.wasp {
    left: 390px;
    animation: wasp 30s linear infinite;

    &__legs {
        top: -22px; left: -7px;
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        border-bottom: 22px solid #012135;
        transform-origin: top center;
        animation: waspLegs 30s linear infinite;

        div {
            top: 12px;   left: -3px;
            width: 10px; height: 30px;
            border-radius: 5px;
            background: #012135;
            transform-origin: top center;
            transform: rotate(146deg);
            animation: waspLegKnee 30s linear infinite;

            &:before {
                top: 25px;   left: 0px;
                width: 10px; height: 30px;
                border-radius: 5px;
                background: #012135;
                transform-origin: top center;
                transform: rotate(124deg);
                animation: waspLegHip 30s linear infinite;
            }
        }
    }
    &__body {
        top: -72px;   left: -30px;
        width: 116px; height: 36px;
        border-radius: 37px 0;
        background: linear-gradient(to right, #ddad32 29%, #012135 29%, #012135 47%, #ddad32 40%, #ddad32 64%, #d6e7ca 64%);
        animation: waspBody 30s linear infinite;

        &:before {
            top: 0px;    left: 73px;
            width: 35px; height: 19px;
            border-radius: 0 0 20px 20px;
            background: #c44c57;
        }
        &:after {
            top: -8px;   left: 81px;
            width: 19px; height: 19px;
            border-radius: 50%;
            background: #012135;
            animation: waspEye 30s linear infinite;
        }
        div {
            top: 0px;   left: 116px;
            width: 9px; height: 9px;
            border-radius: 0 40px 0 0;
            border-top: 12px solid #012135;
            border-right: 9px solid #012135;

            &:before {
                top: 24px;   left: -42px;
                width: 25px; height: 10px;
                border-radius: 0 20px 0 0;
                border-top: 8px solid #012135;
                border-right: 8px solid #012135;
            }
        }
    }
    &__wing {
        top: -123px; left: -7px;
        width: 50px; height: 50px;
        border-radius: 43px 0 0 0;
        background: linear-gradient(62deg, #d6e7ca 65%, transparent 65%);
        transform-origin: bottom right;
        transform: rotate(28deg);
        animation: waspWing 30s linear infinite;

        &:before {
            bottom: 0px; right: 0px;
            width: 35px; height: 35px;
            border-radius: 43px 0 0 0;
            background: linear-gradient(62deg, #509bbc 65%, transparent 65%);
        }
    }
}
.soul-1 {
    top: -200px; left: 130px;
    width: 30px; height: 76px;
    opacity: 0.7;
    transform-origin: bottom center;
    animation: soul 30s linear -12.1s infinite;

    &__part1 {
        animation: soulPart1 30s linear -12.1s infinite;
        top: -20px; left: -16px;
        width: 6px; height: 9px;

        &:before {
            width: 6px; height: 9px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart1Before 30s linear -12.1s infinite;
        }
    }
    &__part2 {
        animation: soulPart2 30s linear -12.1s infinite;
        top: 45px;  left: -17px;
        width: 8px; height: 8px;

        &:before {
            width: 8px; height: 8px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart2Before 30s linear -12.1s infinite;
        }
    }
    &__part3 {
        animation: soulPart3 30s linear -12.1s infinite;
        top: -30px; left: 45px;
        width: 7px; height: 6px;

        &:before {
            width: 7px; height: 6px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart3Before 30s linear -12.1s infinite;
        }
    }
    &__part4 {
        animation: soulPart4 30s linear -12.1s infinite;
        top: -42px;  left: 14px;
        width: 12px; height: 33px;

        &:before {
            width: 12px; height: 33px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart4Before 30s linear -12.1s infinite;
        }
    }
    &__part5 {
        animation: soulPart5 30s linear -12.1s infinite;
        top: -29px;  left: -8px;
        width: 51px; height: 52px;

        &:before {
            width: 51px; height: 52px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart5Before 30s linear -12.1s infinite;
        }
    }
    &__part6 {
        animation: soulPart6 30s linear -12.1s infinite;
        top: -10px;  left: 22px;
        width: 34px; height: 32px;

        &:before {
            width: 34px; height: 32px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart6Before 30s linear -12.1s infinite;
        }
    }
    &__part7 {
        animation: soulPart7 30s linear -12.1s infinite;
        top: -1px;   left: 20px;
        width: 34px; height: 32px;

        &:before {
            width: 34px; height: 32px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart7Before 30s linear -12.1s infinite;
        }
    }
    &__part8 {
        animation: soulPart8 30s linear -12.1s infinite;
        top: -7px;   left: -20px;
        width: 34px; height: 32px;

        &:before {
            width: 34px; height: 32px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart8Before 30s linear -12.1s infinite;
        }
    }
    &__part9 {
        animation: soulPart9 30s linear -12.1s infinite;
        top: 8px;    left: -22px;
        width: 24px; height: 22px;

        &:before {
            width: 24px; height: 22px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart9Before 30s linear -12.1s infinite;
        }
    }
    &__part10 {
        animation: soulPart10 30s linear -12.1s infinite;
        top: -2px;   left: -11px;
        width: 55px; height: 58px;

        &:before {
            width: 55px; height: 58px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart10Before 30s linear -12.1s infinite;
        }
    }
    &__part11 {
        animation: soulPart11 30s linear -12.1s infinite;
        top: 48px;  left: 12px;
        width: 5px; height: 38px;

        &:before {
            width: 5px; height: 38px;
            background: #2ac88c;
            border-radius: 5px;
            animation: soulPart11Before 30s linear -12.1s infinite;
        }
    }
    &__part12 {
        animation: soulPart12 30s linear -12.1s infinite;
        top: -10px;  left: 0px;
        width: 16px; height: 18px;

        &:before {
            width: 16px; height: 18px;
            border-radius: 50%;
            background: #2a2f3a;
            animation: soulPart12Before 30s linear -12.1s infinite;
        }
    }
    &__part13 {
        animation: soulPart13 30s linear -12.1s infinite;
        top: -4px;   left: 20px;
        width: 14px; height: 16px;

        &:before {
            width: 14px; height: 16px;
            border-radius: 50%;
            background: #2a2f3a;
            animation: soulPart13Before 30s linear -12.1s infinite;
        }
    }
    &__part14 {
        animation: soulPart14 30s linear -12.1s infinite;
        top: -48px;  left: 13px;
        width: 14px; height: 13px;

        &:before {
            width: 14px; height: 13px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart14Before 30s linear -12.1s infinite;
        }
    }
    &__part15 {
        animation: soulPart15 30s linear -12.1s infinite;
        top: 62px;  left: 30px;
        width: 8px; height: 10px;

        &:before {
            width: 8px; height: 10px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart15Before 30s linear -12.1s infinite;
        }
    }
    &__part16 {
        animation: soulPart16 30s linear -12.1s infinite;
        top: 74px;  left: 26px;
        width: 7px; height: 10px;

        &:before {
            width: 7px; height: 10px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart16Before 30s linear -12.1s infinite;
        }
    }
}
.soul-2 {
    top: -200px; left: 130px;
    width: 30px; height: 76px;
    opacity: 0.7;
    transform-origin: bottom center;
    animation: soul 30s linear infinite;

    &__part1 {
        animation: soulPart1 30s linear infinite;
        top: -20px; left: -16px;
        width: 6px; height: 9px;

        &:before {
            width: 6px; height: 9px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart1Before 30s linear infinite;
        }
    }
    &__part2 {
        animation: soulPart2 30s linear infinite;
        top: 45px;  left: -17px;
        width: 8px; height: 8px;

        &:before {
            width: 8px; height: 8px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart2Before 30s linear infinite;
        }
    }
    &__part3 {
        animation: soulPart3 30s linear infinite;
        top: -30px; left: 45px;
        width: 7px; height: 6px;

        &:before {
            width: 7px; height: 6px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart3Before 30s linear infinite;
        }
    }
    &__part4 {
        animation: soulPart4 30s linear infinite;
        top: -42px;  left: 14px;
        width: 12px; height: 33px;

        &:before {
            width: 12px; height: 33px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart4Before 30s linear infinite;
        }
    }
    &__part5 {
        animation: soulPart5 30s linear infinite;
        top: -29px;  left: -8px;
        width: 51px; height: 52px;

        &:before {
            width: 51px; height: 52px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart5Before 30s linear infinite;
        }
    }
    &__part6 {
        animation: soulPart6 30s linear infinite;
        top: -10px;  left: 22px;
        width: 34px; height: 32px;

        &:before {
            width: 34px; height: 32px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart6Before 30s linear infinite;
        }
    }
    &__part7 {
        animation: soulPart7 30s linear infinite;
        top: -1px;   left: 20px;
        width: 34px; height: 32px;

        &:before {
            width: 34px; height: 32px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart7Before 30s linear infinite;
        }
    }
    &__part8 {
        animation: soulPart8 30s linear infinite;
        top: -7px;   left: -20px;
        width: 34px; height: 32px;

        &:before {
            width: 34px; height: 32px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart8Before 30s linear infinite;
        }
    }
    &__part9 {
        animation: soulPart9 30s linear infinite;
        top: 8px;    left: -22px;
        width: 24px; height: 22px;

        &:before {
            width: 24px; height: 22px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart9Before 30s linear infinite;
        }
    }
    &__part10 {
        animation: soulPart10 30s linear infinite;
        top: -2px;   left: -11px;
        width: 55px; height: 58px;

        &:before {
            width: 55px; height: 58px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart10Before 30s linear infinite;
        }
    }
    &__part11 {
        animation: soulPart11 30s linear infinite;
        top: 48px;  left: 12px;
        width: 5px; height: 38px;

        &:before {
            width: 5px; height: 38px;
            background: #2ac88c;
            border-radius: 5px;
            animation: soulPart11Before 30s linear infinite;
        }
    }
    &__part12 {
        animation: soulPart12 30s linear infinite;
        top: -10px;  left: 0px;
        width: 16px; height: 18px;

        &:before {
            width: 16px; height: 18px;
            border-radius: 50%;
            background: #2a2f3a;
            animation: soulPart12Before 30s linear infinite;
        }
    }
    &__part13 {
        animation: soulPart13 30s linear infinite;
        top: -4px;   left: 20px;
        width: 14px; height: 16px;

        &:before {
            width: 14px; height: 16px;
            border-radius: 50%;
            background: #2a2f3a;
            animation: soulPart13Before 30s linear infinite;
        }
    }
    &__part14 {
        animation: soulPart14 30s linear infinite;
        top: -48px;  left: 13px;
        width: 14px; height: 13px;

        &:before {
            width: 14px; height: 13px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart14Before 30s linear infinite;
        }
    }
    &__part15 {
        animation: soulPart15 30s linear infinite;
        top: 62px;  left: 30px;
        width: 8px; height: 10px;

        &:before {
            width: 8px; height: 10px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart15Before 30s linear infinite;
        }
    }
    &__part16 {
        animation: soulPart16 30s linear infinite;
        top: 74px;  left: 26px;
        width: 7px; height: 10px;

        &:before {
            width: 7px; height: 10px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart16Before 30s linear infinite;
        }
    }
}
.soul-3 {
    top: -200px; left: 130px;
    width: 30px; height: 76px;
    opacity: 0.7;
    transform-origin: bottom center;
    animation: soul 30s linear -51.9s infinite;

    &__part1 {
        animation: soulPart1 30s linear -51.9s infinite;
        top: -20px; left: -16px;
        width: 6px; height: 9px;

        &:before {
            width: 6px; height: 9px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart1Before 30s linear -51.9s infinite;
        }
    }
    &__part2 {
        animation: soulPart2 30s linear -51.9s infinite;
        top: 45px;  left: -17px;
        width: 8px; height: 8px;

        &:before {
            width: 8px; height: 8px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart2Before 30s linear -51.9s infinite;
        }
    }
    &__part3 {
        animation: soulPart3 30s linear -51.9s infinite;
        top: -30px; left: 45px;
        width: 7px; height: 6px;

        &:before {
            width: 7px; height: 6px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart3Before 30s linear -51.9s infinite;
        }
    }
    &__part4 {
        animation: soulPart4 30s linear -51.9s infinite;
        top: -42px;  left: 14px;
        width: 12px; height: 33px;

        &:before {
            width: 12px; height: 33px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart4Before 30s linear -51.9s infinite;
        }
    }
    &__part5 {
        animation: soulPart5 30s linear -51.9s infinite;
        top: -29px;  left: -8px;
        width: 51px; height: 52px;

        &:before {
            width: 51px; height: 52px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart5Before 30s linear -51.9s infinite;
        }
    }
    &__part6 {
        animation: soulPart6 30s linear -51.9s infinite;
        top: -10px;  left: 22px;
        width: 34px; height: 32px;

        &:before {
            width: 34px; height: 32px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart6Before 30s linear -51.9s infinite;
        }
    }
    &__part7 {
        animation: soulPart7 30s linear -51.9s infinite;
        top: -1px;   left: 20px;
        width: 34px; height: 32px;

        &:before {
            width: 34px; height: 32px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart7Before 30s linear -51.9s infinite;
        }
    }
    &__part8 {
        animation: soulPart8 30s linear -51.9s infinite;
        top: -7px;   left: -20px;
        width: 34px; height: 32px;

        &:before {
            width: 34px; height: 32px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart8Before 30s linear -51.9s infinite;
        }
    }
    &__part9 {
        animation: soulPart9 30s linear -51.9s infinite;
        top: 8px;    left: -22px;
        width: 24px; height: 22px;

        &:before {
            width: 24px; height: 22px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart9Before 30s linear -51.9s infinite;
        }
    }
    &__part10 {
        animation: soulPart10 30s linear -51.9s infinite;
        top: -2px;   left: -11px;
        width: 55px; height: 58px;

        &:before {
            width: 55px; height: 58px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart10Before 30s linear -51.9s infinite;
        }
    }
    &__part11 {
        animation: soulPart11 30s linear -51.9s infinite;
        top: 48px;  left: 12px;
        width: 5px; height: 38px;

        &:before {
            width: 5px; height: 38px;
            background: #2ac88c;
            border-radius: 5px;
            animation: soulPart11Before 30s linear -51.9s infinite;
        }
    }
    &__part12 {
        animation: soulPart12 30s linear -51.9s infinite;
        top: -10px;  left: 0px;
        width: 16px; height: 18px;

        &:before {
            width: 16px; height: 18px;
            border-radius: 50%;
            background: #2a2f3a;
            animation: soulPart12Before 30s linear -51.9s infinite;
        }
    }
    &__part13 {
        animation: soulPart13 30s linear -51.9s infinite;
        top: -4px;   left: 20px;
        width: 14px; height: 16px;

        &:before {
            width: 14px; height: 16px;
            border-radius: 50%;
            background: #2a2f3a;
            animation: soulPart13Before 30s linear -51.9s infinite;
        }
    }
    &__part14 {
        animation: soulPart14 30s linear -51.9s infinite;
        top: -48px;  left: 13px;
        width: 14px; height: 13px;

        &:before {
            width: 14px; height: 13px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart14Before 30s linear -51.9s infinite;
        }
    }
    &__part15 {
        animation: soulPart15 30s linear -51.9s infinite;
        top: 62px;  left: 30px;
        width: 8px; height: 10px;

        &:before {
            width: 8px; height: 10px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart15Before 30s linear -51.9s infinite;
        }
    }
    &__part16 {
        animation: soulPart16 30s linear -51.9s infinite;
        top: 74px;  left: 26px;
        width: 7px; height: 10px;

        &:before {
            width: 7px; height: 10px;
            border-radius: 50%;
            background: #2ac88c;
            animation: soulPart16Before 30s linear -51.9s infinite;
        }
    }
}



/* ANIMATION */
@keyframes moth {
    0%      { transform: rotate(30deg)  translate(0px, 0px);}
    5%      { transform: rotate(60deg)  translate(23px, 5px); }
    7%      { transform: rotate(82deg)  translate(11px, -3px); }
    12%     { transform: rotate(0deg)   translate(-6px, 6px); }
    17%     { transform: rotate(5deg)   translate(-6px, 13px); }
    22%     { transform: rotate(-2deg)  translate(-2px, 0px); }
    24%     { transform: rotate(-2deg)  translate(0px, 10px); }
    28%     { transform: rotate(18deg)  translate(-1px, 0px); }
    34%     { transform: rotate(63deg)  translate(20px, -1px); }
    37%     { transform: rotate(40deg)  translate(10px, 1px); }
    41%     { transform: rotate(34deg)  translate(4px, 7px); }
    44%     { transform: rotate(12deg)  translate(0px, 6px); }
    49%     { transform: rotate(63deg)  translate(18px, 8px); }
    51%     { transform: rotate(0deg)   translate(-12px, 6px); }
    54%     { transform: rotate(-6deg)  translate(-9px, 2px); }
    56%     { transform: rotate(16deg)  translate(-2px, 10px); }
    59%     { transform: rotate(13deg)  translate(-3px, 6px); }
    61%     { transform: rotate(19deg)  translate(0px, 7px); }
    66%     { transform: rotate(-13deg) translate(-6px, 2px); }
    68%     { transform: rotate(25deg)  translate(0px, 7px); }
    73%     { transform: rotate(22deg)  translate(3px, 1px); }
    76%     { transform: rotate(-19deg) translate(-8px, -3px); }
    81%     { transform: rotate(1deg)   translate(6px, 8px); }
    83%     { transform: rotate(-17deg) translate(-5px, 0px); }
    88%     { transform: rotate(50deg)  translate(4px, -2px); }
    90%     { transform: rotate(70deg)  translate(8px, -1px); }
    93%     { transform: rotate(56deg)  translate(14px, 6px); }
    98%     { transform: rotate(34deg)  translate(0px, 10px); }
    100%    { transform: rotate(30deg)  translate(0px, 0px); }
}
@keyframes mothWingRight {
    0%      { transform: rotate(40deg); }
    5%      { transform: rotate(90deg); }
    7%      { transform: rotate(35deg); }
    12%     { transform: rotate(98deg); }
    17%     { transform: rotate(88deg); }
    22%     { transform: rotate(38deg); }
    24%     { transform: rotate(88deg); }
    28%     { transform: rotate(35deg); }
    34%     { transform: rotate(85deg); }
    37%     { transform: rotate(41deg); }
    41%     { transform: rotate(83deg); }
    44%     { transform: rotate(42deg); }
    49%     { transform: rotate(73deg); }
    51%     { transform: rotate(45deg); }
    54%     { transform: rotate(94deg); }
    56%     { transform: rotate(74deg); }
    59%     { transform: rotate(43deg); }
    61%     { transform: rotate(104deg); }
    66%     { transform: rotate(44deg); }
    68%     { transform: rotate(96deg); }
    73%     { transform: rotate(51deg); }
    76%     { transform: rotate(108deg); }
    81%     { transform: rotate(46deg); }
    83%     { transform: rotate(107deg); }
    88%     { transform: rotate(51deg); }
    90%     { transform: rotate(112deg); }
    93%     { transform: rotate(59deg); }
    98%     { transform: rotate(100deg); }
    100%    {  transform: rotate(40deg); }
}
@keyframes mothWingLeft {
    0%      { transform: rotate(-43deg); }
    5%      { transform: rotate(-103deg); }
    7%      { transform: rotate(-40deg); }
    12%     { transform: rotate(-91deg); }
    17%     { transform: rotate(-80deg); }
    22%     { transform: rotate(-39deg); }
    24%     { transform: rotate(-85deg); }
    28%     { transform: rotate(-44deg); }
    34%     { transform: rotate(-87deg); }
    37%     { transform: rotate(-37deg); }
    41%     { transform: rotate(-79deg); }
    44%     { transform: rotate(-38deg); }
    49%     { transform: rotate(-82deg); }
    51%     { transform: rotate(-31deg); }
    54%     { transform: rotate(-98deg); }
    56%     { transform: rotate(-76deg); }
    59%     { transform: rotate(-42deg); }
    61%     { transform: rotate(-102deg); }
    66%     { transform: rotate(-42deg); }
    68%     { transform: rotate(-108deg); }
    73%     { transform: rotate(-45deg); }
    76%     { transform: rotate(-98deg); }
    81%     { transform: rotate(-49deg); }
    83%     { transform: rotate(-99deg); }
    88%     { transform: rotate(-54deg); }
    90%     { transform: rotate(-102deg); }
    93%     { transform: rotate(-58deg); }
    98%     { transform: rotate(-102deg); }
    100%    { transform: rotate(-43deg); }
}

@keyframes driedFlower {
    0%  { transform: rotate(4deg); }
    50% { transform: rotate(-6deg); }
    100%{ transform: rotate(4deg); }
}

@keyframes shelfHerbs1 {
    0%  { transform: rotate(7deg); }
    50% { transform: rotate(-7deg); }
    100%{ transform: rotate(7deg); }
}
@keyframes shelfHerbs2 {
    0%  { transform: rotate(-22deg); }
    50% { transform: rotate(-13deg); }
    100%{ transform: rotate(-22deg); }
}
@keyframes shelfHerbs3 {
    0%  { transform: rotate(-1deg); }
    50% { transform: rotate(10deg); }
    100%{ transform: rotate(-1deg); }
}
@keyframes shelfHerbs4 {
    0%  { transform: rotate(1deg); }
    50% { transform: rotate(-9deg); }
    100%{ transform: rotate(1deg); }
}

@keyframes bottle3Dude1 {
    0.0% { transform: translate(-15px, -18px) rotate(12deg); }
    40%  { transform: translate(5px, 10px) rotate(12deg); }
    50%  { transform: translate(5px, 10px) rotate(-168deg); }
    90%  { transform: translate(-15px, -18px) rotate(-168deg); }
    100% { transform: translate(-15px, -18px) rotate(12deg); }
}
@keyframes bottle3Dude2 {
    0.0%  { transform: translate(-5px, -18px) rotate(22deg); }
    17.5% { transform: translate(5px, 12px) rotate(22deg); }
    27.5% { transform: translate(5px, 12px) rotate(-68deg); }
    45.0% { transform: translate(35px, -8px) rotate(-68deg); }
    55.0% { transform: translate(35px, -8px) rotate(-188deg); }
    72.5% { transform: translate(-5px, -18px) rotate(-188deg); }
    100%  { transform: translate(-5px, -18px) rotate(22deg); }
}
@keyframes bottle3Dude3 {
    0%   { transform: translate(-23px, 18px) rotate(-80deg); }
    40%  { transform: translate(7px, -2px) rotate(-80deg); }
    50%  { transform: translate(7px, -2px) rotate(110deg); }
    90%  { transform: translate(-23px, 18px) rotate(110deg); }
    100% { transform: translate(-23px, 18px) rotate(-80deg); }
}

@keyframes bottle2Dude1 {
    0%  { transform: rotate(8deg)   translate(0px, 0px); }
    50% { transform: rotate(12deg)  translate(-8px, 3px); }
    100%{ transform: rotate(8deg)   translate(0px, 0px); }
}
@keyframes bottle2Dude2 {
    0%  { transform: rotate(8deg)   translate(0px, 0px); }
    50% { transform: rotate(-2deg)  translate(-3px, -4px); }
    100%{ transform: rotate(8deg)   translate(0px, 0px); }
}
@keyframes bottle2Dude3 {
    0%  { transform: rotate(-15deg) translate(0px, 0px); }
    50% { transform: rotate(-7deg)  translate(6px, -5px); }
    100%{ transform: rotate(-15deg) translate(0px, 0px); }
}

@keyframes bottle3Dust1 {
    0%   { transform: translate(2px, 6px) scale(0); }
    33%  { transform: translate(-8px, -14px) scale(1); }
    66%  { transform: translate(2px, -44px) scale(0.6); }
    100% { transform: translate(-8px, -84px) scale(0); }
}
@keyframes bottle3Dust2 {
    0%   { transform: translate(0px, 9px) scale(0); }
    33%  { transform: translate(10px, -21px) scale(1); }
    66%  { transform: translate(-10px, -61px) scale(0.6); }
    100% { transform: translate(0px, -91px) scale(0); }
}
@keyframes bottle3Dust3 {
    0%   { transform: translate(0px, 9px) scale(0); }
    33%  { transform: translate(-10px, -21px) scale(1); }
    66%  { transform: translate(10px, -51px) scale(0.6); }
    100% { transform: translate(0px, -81px) scale(0); }
}
@keyframes bottle3Dust4 {
    0%   { transform: translate(0px, 25px) scale(0); }
    33%  { transform: translate(20px, -5px) scale(1); }
    66%  { transform: translate(0px, -45px) scale(0.6); }
    100% { transform: translate(10px, -75px) scale(0); }
}
@keyframes bottle3Dust5 {
    0%   { transform: translate(-24px, 19px) scale(0); }
    33%  { transform: translate(-44px, -11px) scale(1); }
    66%  { transform: translate(-24px, -51px) scale(0.6); }
    100% { transform: translate(-34px, -91px) scale(0); }
}
@keyframes bottle3Dust6 {
    0%   { transform: translate(0px, 40px) scale(0); }
    33%  { transform: translate(10px, 0px) scale(1); }
    66%  { transform: translate(-10px, -40px) scale(0.6); }
    100% { transform: translate(0px, -70px) scale(0); }
}
@keyframes bottle3Dust7 {
    0%   { transform: translate(-18px, 60px) scale(0); }
    33%  { transform: translate(-38px, 20px) scale(1); }
    66%  { transform: translate(-18px, -20px) scale(0.6); }
    100% { transform: translate(-28px, -60px) scale(0); }
}
@keyframes bottle3Dust8 {
    0%   { transform: translate(7px, 60px) scale(0); }
    33%  { transform: translate(17px, 20px) scale(1); }
    66%  { transform: translate(-3px, -30px) scale(0.6); }
    100% { transform: translate(13px, -70px) scale(0); }
}
@keyframes bottle3Dust9 {
    0%   { transform: translate(-6px, 55px) scale(0); }
    33%  { transform: translate(-26px, 15px) scale(1); }
    66%  { transform: translate(-6px, -25px) scale(0.6); }
    100% { transform: translate(-16px, -65px) scale(0); }
}
@keyframes bottle3Dust10 {
    0%   { transform: translate(-40px, 71px) scale(0); }
    33%  { transform: translate(-60px, 31px) scale(1); }
    66%  { transform: translate(-40px, -19px) scale(0.6); }
    100% { transform: translate(-50px, -59px) scale(0); }
}

@keyframes shelfStaff2Dust1 {
    0%   { transform: translate(0px, 0px); }
    15%  { transform: translate(10px, -5px); }
    30%  { transform: translate(20px, 5px); }
    45%  { transform: translate(10px, 15px); }
    60%  { transform: translate(0px, 25px); }
    75%  { transform: translate(-20px, 15px); }
    90%  { transform: translate(-10px, 5px); }
    100% { transform: translate(0px, 0px); }
}
@keyframes shelfStaff2Dust2 {
    0%   { transform: translate(0px, 0px); }
    15%  { transform: translate(-10px, 10px); }
    30%  { transform: translate(10px, 5px); }
    45%  { transform: translate(20px, 15px); }
    60%  { transform: translate(30px, 35px); }
    75%  { transform: translate(30px, 5px); }
    90%  { transform: translate(10px, 10px); }
    100% { transform: translate(0px, 0px); }
}
@keyframes shelfStaff2Dust3 {
    0%   { transform: translate(0px, 0px); }
    15%  { transform: translate(10px, 10px); }
    30%  { transform: translate(20px, 0px); }
    45%  { transform: translate(0px, -10px); }
    60%  { transform: translate(-7px, 10px); }
    75%  { transform: translate(-17px, 17px); }
    90%  { transform: translate(4px, 22px); }
    100% { transform: translate(0px, 0px); }
}
@keyframes shelfStaff2Dust4 {
    0%   { transform: translate(0px, 0px); }
    15%  { transform: translate(4px, 12px); }
    30%  { transform: translate(-16px, 7px); }
    45%  { transform: translate(-22px, 17px); }
    60%  { transform: translate(-12px, 7px); }
    75%  { transform: translate(-2px, -3px); }
    90%  { transform: translate(18px, 7px); }
    100% { transform: translate(0px, 0px); }
}

@keyframes fireItem1 {
    0%   { transform: translate(0px, 0px) scale(1) rotate(-45deg); }
    100% { transform: translate(10px, -40px) scale(0) rotate(-45deg); }
}
@keyframes fireItem2 {
    0%   { transform: translate(0px, 0px) scale(1) rotate(-45deg); }
    100% { transform: translate(-10px, -40px) scale(0) rotate(-45deg); }
}
@keyframes fireItem3 {
    0%   { transform: translate(0px, 0px) scale(1) rotate(-45deg); }
    100% { transform: translate(25px, -50px) scale(0) rotate(-45deg); }
}
@keyframes fireItem4 {
    0%   { transform: translate(0px, 0px) scale(1) rotate(-45deg); }
    100% { transform: translate(-25px, -50px) scale(0) rotate(-45deg); }
}
@keyframes fireItem5 {
    0%   { transform: translate(0px, 0px) scale(1) rotate(-45deg); }
    100% { transform: translate(0px, -50px) scale(0) rotate(-45deg); }
}
@keyframes fireItem6 {
    0%   { transform: scale(1) rotate(-45deg); }
    50%  { transform: scale(0.6) rotate(-45deg); }
    100% { transform: scale(1) rotate(-45deg); }
}

@keyframes plants2 {
    5.7%  { transform: rotate(65deg); }
    6.6%  { transform: rotate(74deg); }
    6.9%  { transform: rotate(82deg); }
    7.2%  { transform: rotate(80deg); }
    7.5%  { transform: rotate(71deg); }
    7.8%  { transform: rotate(61deg); }
    8.1%  { transform: rotate(51deg); }
    8.4%  { transform: rotate(47deg); }
    8.7%  { transform: rotate(50deg); }
    9.0%  { transform: rotate(56deg); }
    9.3%  { transform: rotate(63deg); }
    9.6%  { transform: rotate(69deg); }
    9.9%  { transform: rotate(71deg); }
    10.2% { transform: rotate(70deg); }
    10.5% { transform: rotate(65deg); }
    10.8% { transform: rotate(59deg); }
    11.1% { transform: rotate(57deg); }
    11.4% { transform: rotate(56deg); }
    11.7% { transform: rotate(58deg); }
    12.0% { transform: rotate(61deg); }
    12.3% { transform: rotate(63deg); }
    12.6% { transform: rotate(64deg); }
    12.9% { transform: rotate(65deg); }
    13.2% { transform: rotate(63deg); }

    18.6% { transform: rotate(63deg); }
    19.2% { transform: rotate(49deg); }
    20.1% { transform: rotate(73deg); }
    21.0% { transform: rotate(59deg); }
    21.6% { transform: rotate(63deg); }

    24.9% { transform: rotate(63deg); }
    25.5% { transform: rotate(49deg); }
    26.4% { transform: rotate(73deg); }
    27.3% { transform: rotate(59deg); }
    27.9% { transform: rotate(63deg); }

    45.9% { transform: rotate(63deg); }
    46.2% { transform: rotate(62deg); }
    46.5% { transform: rotate(65deg); }
    46.8% { transform: rotate(74deg); }
    47.1% { transform: rotate(81deg); }
    47.4% { transform: rotate(80deg); }
    47.7% { transform: rotate(72deg); }
    48.0% { transform: rotate(61deg); }
    48.3% { transform: rotate(50deg); }
    48.6% { transform: rotate(47deg); }
    48.9% { transform: rotate(49deg); }
    49.2% { transform: rotate(56deg); }
    49.5% { transform: rotate(63deg); }
    49.8% { transform: rotate(69deg); }
    50.1% { transform: rotate(72deg); }
    50.4% { transform: rotate(71deg); }
    50.7% { transform: rotate(64deg); }
    51.0% { transform: rotate(60deg); }
    51.3% { transform: rotate(57deg); }
    51.6% { transform: rotate(57deg); }
    51.9% { transform: rotate(59deg); }
    52.2% { transform: rotate(61deg); }
    52.5% { transform: rotate(63deg); }
    52.8% { transform: rotate(65deg); }
    53.4% { transform: rotate(65deg); }
    53.7% { transform: rotate(63deg); }

    58.5% { transform: rotate(63deg); }
    58.8% { transform: rotate(56deg); }
    59.1% { transform: rotate(49deg); }
    59.4% { transform: rotate(54deg); }
    59.7% { transform: rotate(68deg); }
    60.0% { transform: rotate(73deg); }
    60.3% { transform: rotate(70deg); }
    60.6% { transform: rotate(63deg); }
    60.9% { transform: rotate(60deg); }
    61.2% { transform: rotate(61deg); }
    61.5% { transform: rotate(63deg); }

    74.1% { transform: rotate(63deg); }
    74.4% { transform: rotate(62deg); }
    74.7% { transform: rotate(66deg); }
    75.0% { transform: rotate(76deg); }
    75.3% { transform: rotate(82deg); }
    75.6% { transform: rotate(80deg); }
    75.9% { transform: rotate(73deg); }
    76.2% { transform: rotate(61deg); }
    76.5% { transform: rotate(51deg); }
    76.8% { transform: rotate(48deg); }
    77.1% { transform: rotate(50deg); }
    77.4% { transform: rotate(56deg); }
    77.7% { transform: rotate(63deg); }
    78.0% { transform: rotate(69deg); }
    78.3% { transform: rotate(71deg); }
    78.6% { transform: rotate(70deg); }
    78.9% { transform: rotate(64deg); }
    79.2% { transform: rotate(59deg); }
    79.5% { transform: rotate(56deg); }
    79.8% { transform: rotate(57deg); }
    80.1% { transform: rotate(59deg); }
    80.4% { transform: rotate(61deg); }
    80.7% { transform: rotate(64deg); }
    81.3% { transform: rotate(64deg); }
    81.6% { transform: rotate(63deg); }

    93.6% { transform: rotate(63deg); }
    93.9% { transform: rotate(55deg); }
    94.2% { transform: rotate(49deg); }
    94.5% { transform: rotate(54deg); }
    94.8% { transform: rotate(68deg); }
    95.1% { transform: rotate(73deg); }
    95.4% { transform: rotate(70deg); }
    95.7% { transform: rotate(63deg); }
    96.0% { transform: rotate(59deg); }
    96.3% { transform: rotate(61deg); }
    96.6% { transform: rotate(63deg); }
}
@keyframes plants3 {
    5.7%  { transform: rotate(86deg); }
    6.3%  { transform: rotate(96deg); }
    6.6%  { transform: rotate(101deg); }
    6.9%  { transform: rotate(96deg); }
    7.2%  { transform: rotate(89deg); }
    7.5%  { transform: rotate(78deg); }
    7.8%  { transform: rotate(68deg); }
    8.1%  { transform: rotate(65deg); }
    8.4%  { transform: rotate(67deg); }
    8.7%  { transform: rotate(74deg); }
    9.0%  { transform: rotate(82deg); }
    9.3%  { transform: rotate(89deg); }
    9.6%  { transform: rotate(92deg); }
    9.9%  { transform: rotate(90deg); }
    10.2% { transform: rotate(86deg); }
    10.5% { transform: rotate(83deg); }
    10.8% { transform: rotate(82deg); }
    11.1% { transform: rotate(82deg); }
    11.4% { transform: rotate(83deg); }
    11.7% { transform: rotate(85deg); }
    12.0% { transform: rotate(88deg); }
    12.6% { transform: rotate(88deg); }
    12.9% { transform: rotate(87deg); }
    15.0% { transform: rotate(87deg); }
    15.3% { transform: rotate(86deg); }

    45.9% { transform: rotate(86deg); }
    46.2% { transform: rotate(89deg); }
    46.5% { transform: rotate(96deg); }
    46.8% { transform: rotate(100deg); }
    47.1% { transform: rotate(96deg); }
    47.4% { transform: rotate(88deg); }
    47.7% { transform: rotate(79deg); }
    48.0% { transform: rotate(69deg); }
    48.3% { transform: rotate(64deg); }
    48.6% { transform: rotate(67deg); }
    48.9% { transform: rotate(74deg); }
    49.2% { transform: rotate(81deg); }
    49.5% { transform: rotate(89deg); }
    49.8% { transform: rotate(91deg); }
    50.1% { transform: rotate(90deg); }
    50.4% { transform: rotate(86deg); }
    50.7% { transform: rotate(83deg); }
    51.0% { transform: rotate(82deg); }
    51.3% { transform: rotate(82deg); }
    51.6% { transform: rotate(84deg); }
    51.9% { transform: rotate(84deg); }
    52.2% { transform: rotate(87deg); }
    53.4% { transform: rotate(87deg); }
    53.7% { transform: rotate(86deg); }

    74.1% { transform: rotate(86deg); }
    74.4% { transform: rotate(89deg); }
    74.7% { transform: rotate(96deg); }
    75.0% { transform: rotate(100deg); }
    75.3% { transform: rotate(96deg); }
    75.6% { transform: rotate(90deg); }
    75.9% { transform: rotate(80deg); }
    76.2% { transform: rotate(70deg); }
    76.5% { transform: rotate(65deg); }
    76.8% { transform: rotate(67deg); }
    77.1% { transform: rotate(73deg); }
    77.4% { transform: rotate(81deg); }
    77.7% { transform: rotate(88deg); }
    78.0% { transform: rotate(90deg); }
    78.3% { transform: rotate(90deg); }
    78.6% { transform: rotate(86deg); }
    78.9% { transform: rotate(83deg); }
    79.2% { transform: rotate(81deg); }
    79.5% { transform: rotate(82deg); }
    79.8% { transform: rotate(83deg); }
    80.1% { transform: rotate(86deg); }
    80.4% { transform: rotate(88deg); }
    80.7% { transform: rotate(88deg); }
    81.0% { transform: rotate(87deg); }
    81.3% { transform: rotate(87deg); }
    81.6% { transform: rotate(87deg); }
    81.9% { transform: rotate(86deg); }
    83.1% { transform: rotate(86deg); }
    83.4% { transform: rotate(87deg); }
    83.7% { transform: rotate(87deg); }
    84.0% { transform: rotate(86deg); }
}
@keyframes plants4 {
    5.7%  { transform: rotate(112deg); }
    6.3%  { transform: rotate(122deg); }
    6.6%  { transform: rotate(118deg); }
    6.9%  { transform: rotate(106deg); }
    7.2%  { transform: rotate(94deg); }
    7.5%  { transform: rotate(88deg); }
    7.8%  { transform: rotate(85deg); }
    8.1%  { transform: rotate(89deg); }
    8.4%  { transform: rotate(97deg); }
    8.7%  { transform: rotate(105deg); }
    9.0%  { transform: rotate(111deg); }
    9.3%  { transform: rotate(113deg); }
    9.6%  { transform: rotate(113deg); }
    9.9%  { transform: rotate(109deg); }
    10.2% { transform: rotate(106deg); }
    10.5% { transform: rotate(106deg); }
    10.8% { transform: rotate(107deg); }
    11.1% { transform: rotate(110deg); }
    11.4% { transform: rotate(113deg); }
    11.7% { transform: rotate(116deg); }
    12.9% { transform: rotate(116deg); }
    13.2% { transform: rotate(114deg); }
    15.3% { transform: rotate(112deg); }

    45.9% { transform: rotate(112deg); }
    46.2% { transform: rotate(121deg); }
    46.5% { transform: rotate(121deg); }
    46.8% { transform: rotate(118deg); }
    47.1% { transform: rotate(106deg); }
    47.4% { transform: rotate(96deg); }
    47.7% { transform: rotate(88deg); }
    48.0% { transform: rotate(85deg); }
    48.3% { transform: rotate(89deg); }
    48.6% { transform: rotate(96deg); }
    48.9% { transform: rotate(105deg); }
    49.2% { transform: rotate(112deg); }
    49.5% { transform: rotate(114deg); }
    49.8% { transform: rotate(114deg); }
    50.1% { transform: rotate(109deg); }
    50.4% { transform: rotate(107deg); }
    51.0% { transform: rotate(107deg); }
    51.3% { transform: rotate(110deg); }
    51.6% { transform: rotate(113deg); }
    51.9% { transform: rotate(113deg); }
    52.2% { transform: rotate(116deg); }
    53.4% { transform: rotate(116deg); }
    53.7% { transform: rotate(113deg); }
    55.2% { transform: rotate(113deg); }
    55.5% { transform: rotate(112deg); }

    74.1% { transform: rotate(112deg); }
    74.4% { transform: rotate(120deg); }
    74.7% { transform: rotate(121deg); }
    75.0% { transform: rotate(118deg); }
    75.3% { transform: rotate(107deg); }
    75.6% { transform: rotate(95deg); }
    75.9% { transform: rotate(89deg); }
    76.2% { transform: rotate(86deg); }
    76.5% { transform: rotate(89deg); }
    76.8% { transform: rotate(95deg); }
    77.1% { transform: rotate(103deg); }
    77.4% { transform: rotate(112deg); }
    77.7% { transform: rotate(114deg); }
    78.0% { transform: rotate(114deg); }
    78.3% { transform: rotate(110deg); }
    78.6% { transform: rotate(108deg); }
    78.9% { transform: rotate(107deg); }
    79.2% { transform: rotate(108deg); }
    79.5% { transform: rotate(110deg); }
    79.8% { transform: rotate(113deg); }
    80.1% { transform: rotate(115deg); }
    80.4% { transform: rotate(117deg); }
    80.7% { transform: rotate(117deg); }
    81.0% { transform: rotate(115deg); }
    81.6% { transform: rotate(115deg); }
    81.9% { transform: rotate(114deg); }
    84.0% { transform: rotate(112deg); }
}
@keyframes plants5 {
    5.7%  { transform: rotate(26deg); }
    6.3%  { transform: rotate(50deg); }
    6.6%  { transform: rotate(59deg); }
    6.9%  { transform: rotate(55deg); }
    7.2%  { transform: rotate(45deg); }
    7.5%  { transform: rotate(31deg); }
    7.8%  { transform: rotate(19deg); }
    8.1%  { transform: rotate(15deg); }
    8.4%  { transform: rotate(18deg); }
    8.7%  { transform: rotate(26deg); }
    9.0%  { transform: rotate(35deg); }
    9.3%  { transform: rotate(41deg); }
    9.6%  { transform: rotate(44deg); }
    9.9%  { transform: rotate(41deg); }
    10.2% { transform: rotate(34deg); }
    10.5% { transform: rotate(25deg); }
    10.8% { transform: rotate(22deg); }
    11.1% { transform: rotate(24deg); }
    11.4% { transform: rotate(25deg); }
    11.7% { transform: rotate(28deg); }
    12.0% { transform: rotate(29deg); }
    12.3% { transform: rotate(29deg); }
    12.6% { transform: rotate(29deg); }
    12.9% { transform: rotate(27deg); }
    14.1% { transform: rotate(27deg); }
    14.4% { transform: rotate(25deg); }
    15.0% { transform: rotate(25deg); }
    15.3% { transform: rotate(26deg); }

    45.9% { transform: rotate(26deg); }
    46.2% { transform: rotate(35deg); }
    46.5% { transform: rotate(51deg); }
    46.8% { transform: rotate(42deg); }
    47.1% { transform: rotate(55deg); }
    47.4% { transform: rotate(45deg); }
    47.7% { transform: rotate(31deg); }
    48.0% { transform: rotate(20deg); }
    48.3% { transform: rotate(14deg); }
    48.6% { transform: rotate(18deg); }
    48.9% { transform: rotate(26deg); }
    49.2% { transform: rotate(35deg); }
    49.5% { transform: rotate(42deg); }
    49.8% { transform: rotate(44deg); }
    50.1% { transform: rotate(41deg); }
    50.4% { transform: rotate(34deg); }
    50.7% { transform: rotate(26deg); }
    51.0% { transform: rotate(23deg); }
    51.3% { transform: rotate(23deg); }
    51.6% { transform: rotate(25deg); }
    51.9% { transform: rotate(28deg); }
    52.8% { transform: rotate(28deg); }
    53.1% { transform: rotate(27deg); }
    53.4% { transform: rotate(27deg); }
    53.7% { transform: rotate(26deg); }

    74.1% { transform: rotate(26deg); }
    74.4% { transform: rotate(34deg); }
    74.7% { transform: rotate(50deg); }
    75.0% { transform: rotate(59deg); }
    75.3% { transform: rotate(56deg); }
    75.6% { transform: rotate(45deg); }
    75.9% { transform: rotate(31deg); }
    76.2% { transform: rotate(20deg); }
    76.5% { transform: rotate(16deg); }
    76.8% { transform: rotate(18deg); }
    77.1% { transform: rotate(28deg); }
    77.4% { transform: rotate(36deg); }
    77.7% { transform: rotate(42deg); }
    78.0% { transform: rotate(44deg); }
    78.3% { transform: rotate(41deg); }
    78.6% { transform: rotate(34deg); }
    78.9% { transform: rotate(26deg); }
    79.2% { transform: rotate(23deg); }
    79.5% { transform: rotate(23deg); }
    79.8% { transform: rotate(25deg); }
    80.1% { transform: rotate(27deg); }
    80.4% { transform: rotate(29deg); }
    80.7% { transform: rotate(29deg); }
    81.0% { transform: rotate(28deg); }
    81.3% { transform: rotate(28deg); }
    81.6% { transform: rotate(26deg); }
    81.9% { transform: rotate(26deg); }
    82.2% { transform: rotate(25deg); }
    82.5% { transform: rotate(26deg); }
    83.1% { transform: rotate(26deg); }
    83.4% { transform: rotate(25deg); }
}
@keyframes plants6 {
    5.7% { transform: rotate(0deg); }
    6.0% { transform: rotate(12deg); }
    6.3% { transform: rotate(21deg); }
    6.6% { transform: rotate(26deg); }
    6.9% { transform: rotate(22deg); }
    7.2% { transform: rotate(16deg); }
    7.5% { transform: rotate(8deg); }
    7.8% { transform: rotate(0deg); }
    8.1% { transform: rotate(-5deg); }
    8.4% { transform: rotate(-4deg); }
    8.7% { transform: rotate(3deg); }
    9.0% { transform: rotate(10deg); }
    9.3% { transform: rotate(15deg); }
    9.6% { transform: rotate(18deg); }
    9.9% { transform: rotate(18deg); }
    11.4% { transform: rotate(-4deg); }
    12.6% { transform: rotate(2deg); }
    14.4% { transform: rotate(0deg); }

    45.9% { transform: rotate(0deg); }
    46.2% { transform: rotate(12deg); }
    46.5% { transform: rotate(21deg); }
    46.8% { transform: rotate(26deg); }
    47.1% { transform: rotate(22deg); }
    47.4% { transform: rotate(16deg); }
    47.7% { transform: rotate(8deg); }
    48.0% { transform: rotate(0deg); }
    48.3% { transform: rotate(-5deg); }
    48.6% { transform: rotate(-4deg); }
    48.9% { transform: rotate(3deg); }
    49.2% { transform: rotate(10deg); }
    49.5% { transform: rotate(15deg); }
    50.1% { transform: rotate(18deg); }
    51.0% { transform: rotate(18deg); }
    52.5% { transform: rotate(-4deg); }
    53.7% { transform: rotate(2deg); }
    55.5% { transform: rotate(0deg); }

    74.1% { transform: rotate(0deg); }
    74.4% { transform: rotate(7deg); }
    74.7% { transform: rotate(21deg); }
    75.0% { transform: rotate(25deg); }
    75.3% { transform: rotate(24deg); }
    75.6% { transform: rotate(16deg); }
    75.9% { transform: rotate(5deg); }
    76.2% { transform: rotate(-6deg); }
    76.5% { transform: rotate(-13deg); }
    76.8% { transform: rotate(-11deg); }
    77.1% { transform: rotate(-3deg); }
    77.4% { transform: rotate(5deg); }
    77.7% { transform: rotate(13deg); }
    78.0% { transform: rotate(18deg); }
    78.3% { transform: rotate(19deg); }
    78.6% { transform: rotate(17deg); }
    78.9% { transform: rotate(14deg); }
    79.2% { transform: rotate(10deg); }
    79.5% { transform: rotate(4deg); }
    79.8% { transform: rotate(0deg); }
    80.1% { transform: rotate(-2deg); }
    80.4% { transform: rotate(-1deg); }
    80.7% { transform: rotate(2deg); }
    81.0% { transform: rotate(4deg); }
    81.3% { transform: rotate(7deg); }
    81.6% { transform: rotate(9deg); }
    81.9% { transform: rotate(10deg); }
    82.2% { transform: rotate(9deg); }
    82.5% { transform: rotate(7deg); }
    82.8% { transform: rotate(3deg); }
    83.1% { transform: rotate(1deg); }
    83.4% { transform: rotate(-2deg); }
    83.7% { transform: rotate(-1deg); }
    84.0% { transform: rotate(0deg); }
}

@keyframes skulp {
    41.7% { transform: rotate(0deg); }
    42.6% { transform: rotate(-70deg); }
    43.2% { transform: rotate(-57deg); }
    43.8% { transform: rotate(-71deg); }
    44.7% { transform: rotate(-72deg); }
    45.9% { transform: rotate(-72deg); }
    46.8% { transform: rotate(0deg); }
    47.4% { transform: rotate(-5deg); }
    48.0% { transform: rotate(0deg); }
    48.6% { transform: rotate(-2deg); }
    49.2% { transform: rotate(0deg); }
    67.2% { transform: rotate(0deg); }
    68.1% { transform: rotate(-70deg); }
    68.7% { transform: rotate(-57deg); }
    69.3% { transform: rotate(-71deg); }
    70.2% { transform: rotate(-72deg); }
    71.4% { transform: rotate(-72deg); }
    72.3% { transform: rotate(0deg); }
    72.9% { transform: rotate(-5deg); }
    73.5% { transform: rotate(0deg); }
    74.1% { transform: rotate(-2deg); }
    74.7% { transform: rotate(0deg); }
}

@keyframes bat {
    0%  { transform: rotate(10deg) scaleY(1.05); }
    25% { transform: rotate(0deg) scaleY(0.8); }
    50% { transform: rotate(-10deg) scaleY(1.05); }
    75% { transform: rotate(0deg) scaleY(0.8); }
    100%{ transform: rotate(10deg) scaleY(1.05); }
}
@keyframes batEye {
    95% { transform: scaleY(1); }
    98% { transform: scaleY(0); }
    100%{ transform: scaleY(1); }
}

@keyframes leaf {
    0.0%  { transform: rotate(0deg); }
    4.5%  { transform: rotate(27deg); }
    4.8%  { transform: rotate(-22deg); }
    5.4%  { transform: rotate(0deg); }
    5.7%  { transform: rotate(-8deg); }
    6.6%  { transform: rotate(18deg); }
    12.0% { transform: rotate(2deg); }
    18.0% { transform: rotate(15deg); }
    24.0% { transform: rotate(2deg); }
    30.0% { transform: rotate(17deg); }
    37.5% { transform: rotate(0deg); }
    42.0% { transform: rotate(18deg); }
    44.7% { transform: rotate(0deg); }
    45.0% { transform: rotate(-20deg); }
    45.3% { transform: rotate(10deg); }
    45.9% { transform: rotate(-20deg); }
    46.5% { transform: rotate(16deg); }
    50.4% { transform: rotate(0deg); }
    55.5% { transform: rotate(15deg); }
    60.0% { transform: rotate(0deg); }
    66.6% { transform: rotate(17deg); }
    71.7% { transform: rotate(0deg); }
    72.0% { transform: rotate(-35deg); }
    72.3% { transform: rotate(14deg); }
    72.6% { transform: rotate(-30deg); }
    72.9% { transform: rotate(6deg); }
    73.5% { transform: rotate(-14deg); }
    73.8% { transform: rotate(4deg); }
    74.1% { transform: rotate(-7deg); }
    79.8% { transform: rotate(15deg); }
    85.2% { transform: rotate(0deg); }
    92.4% { transform: rotate(18deg); }
    100%  { transform: rotate(0deg); }
}

@keyframes monster1 {
    0.0%  { transform: rotate(-15deg) translate(-20px, 2px); }
    5.4%  { transform: rotate(-18deg) translate(-20px, 2px); }
    7.2%  { transform: rotate(-20deg) translate(-4px, -5px); }
    9.9%  { transform: rotate(-4deg) translate(8px, 20px); }
    17.7% { transform: rotate(-19deg) translate(11px, -3px); }
    23.7% { transform: rotate(-22deg) translate(1px, -1px); }
    26.7% { transform: rotate(-18deg) translate(-1px, 1px); }
    30.9% { transform: rotate(-19deg) translate(-1px, -6px); }
    33.3% { transform: rotate(-21deg) translate(-1px, 0px); }
    37.8% { transform: rotate(-17deg) translate(1px, 2px); }
    41.4% { transform: rotate(-21deg) translate(0px, 1px); }
    45.0% { transform: rotate(-19deg) translate(2px, 3px); }
    47.7% { transform: rotate(-24deg) translate(3px, -5px); }
    50.4% { transform: rotate(-10deg) translate(4px, 20px); }
    54.6% { transform: rotate(-17deg) translate(12px, 13px); }
    59.1% { transform: rotate(-22deg) translate(0px, -10px); }
    64.2% { transform: rotate(-17deg) translate(-10px, -1px); }
    68.1% { transform: rotate(-20deg) translate(-9px, -3px); }
    75.9% { transform: rotate(-24deg) translate(2px, -5px); }
    78.5% { transform: rotate(-7deg) translate(0px, 22px); }
    84.6% { transform: rotate(-21deg) translate(-7px, -11px); }
    90.0% { transform: rotate(-20deg) translate(-7px, -7px); }
    93.9% { transform: rotate(-16deg) translate(0px, 0px); }
    100%  { transform: rotate(-15deg) translate(-20px, 2px); }
}
@keyframes monster1Eyes {
    12.6% { transform: scaleY(1); }
    13.2% { transform: scaleY(0); }
    13.8% { transform: scaleY(1); }

    16.8% { transform: scaleY(1); }
    17.6% { transform: scaleY(0); }
    18.3% { transform: scaleY(1); }

    26.7% { transform: scaleY(1); }
    27.3% { transform: scaleY(0); }
    27.9% { transform: scaleY(1); }

    32.4% { transform: scaleY(1); }
    33.0% { transform: scaleY(0); }
    33.6% { transform: scaleY(1); }

    41.4% { transform: scaleY(1); }
    42.1% { transform: scaleY(0); }
    42.9% { transform: scaleY(1); }

    54.6% { transform: scaleY(1); }
    55.4% { transform: scaleY(0); }
    56.1% { transform: scaleY(1); }

    60.6% { transform: scaleY(1); }
    61.2% { transform: scaleY(0); }
    61.8% { transform: scaleY(1); }

    64.2% { transform: scaleY(1); }
    65.0% { transform: scaleY(0); }
    65.7% { transform: scaleY(1); }

    71.7% { transform: scaleY(1); }
    72.3% { transform: scaleY(0); }
    73.2% { transform: scaleY(1); }

    90.3% { transform: scaleY(1); }
    90.0% { transform: scaleY(0); }
    91.8% { transform: scaleY(1); }
}
@keyframes monster2 {
    0.0%  { transform: rotate(15deg) translate(-4px, 0px); }
    5.4%  { transform: rotate(15deg) translate(13px, -11px); }
    7.2%  { transform: rotate(15deg) translate(26px, -14px); }
    9.9%  { transform: rotate(4deg) translate(-3px, -3px); }
    17.7% { transform: rotate(8deg) translate(15px, -7px); }
    23.7% { transform: rotate(2deg) translate(1px, 2px); }
    26.7% { transform: rotate(2deg) translate(0px, -2px); }
    30.9% { transform: rotate(8deg) translate(1px, -2px); }
    33.3% { transform: rotate(13deg) translate(-2px, 1px); }
    37.8% { transform: rotate(16deg) translate(-8px, -5px); }
    41.4% { transform: rotate(13deg) translate(-4px, -3px); }
    45.0% { transform: rotate(19deg) translate(6px, 2px); }
    47.7% { transform: rotate(19deg) translate(29px, -15px); }
    50.4% { transform: rotate(9deg) translate(-1px, -4px); }
    54.6% { transform: rotate(2deg) translate(1px, -4px); }
    59.1% { transform: rotate(7deg) translate(15px, -8px); }
    64.2% { transform: rotate(5deg) translate(11px, -4px); }
    68.1% { transform: rotate(11deg) translate(28px, -10px); }
    75.9% { transform: rotate(16deg) translate(24px, -15px); }
    78.6% { transform: rotate(3deg) translate(-6px, -3px); }
    84.6% { transform: rotate(2deg) translate(10px, -14px); }
    90.0% { transform: rotate(6deg) translate(-7px, -10px); }
    93.9% { transform: rotate(15deg) translate(0px, 0px); }
    100%  { transform: rotate(15deg) translate(-4px, 0px); }
}
@keyframes monster2Eyes {
    6.0%  { transform: scaleY(1); }
    6.6%  { transform: scaleY(0); }
    7.2%  { transform: scaleY(1); }

    9.3%  { transform: scaleY(1); }
    9.9%  { transform: scaleY(0); }
    10.5% { transform: scaleY(1); }

    17.4% { transform: scaleY(1); }
    18.2% { transform: scaleY(0); }
    18.9% { transform: scaleY(1); }

    22.8% { transform: scaleY(1); }
    23.5% { transform: scaleY(0); }
    24.3% { transform: scaleY(1); }

    35.7% { transform: scaleY(1); }
    36.5% { transform: scaleY(0); }
    37.2% { transform: scaleY(1); }

    57.9% { transform: scaleY(1); }
    58.5% { transform: scaleY(0); }
    59.1% { transform: scaleY(1); }

    66.9% { transform: scaleY(1); }
    67.1% { transform: scaleY(0); }
    68.4% { transform: scaleY(1); }

    81.0% { transform: scaleY(1); }
    81.6% { transform: scaleY(0); }
    82.2% { transform: scaleY(1); }

    83.7% { transform: scaleY(1); }
    84.6% { transform: scaleY(0); }
    85.5% { transform: scaleY(1); }
}

@keyframes alchemistHead {
    0.0%  { transform: rotate(6deg) translate(3px, 12px); }
    2.7%  { transform: rotate(4deg) translate(7px, -9px); }
    5.7%  { transform: rotate(0deg) translate(0px, 3px); }
    7.2%  { transform: rotate(0deg) translate(-5px, 12px); }
    8.7%  { transform: rotate(0deg) translate(1px, -1px); }
    12.3% { transform: rotate(4deg) translate(18px, -2px); }
    14.7% { transform: rotate(0deg) translate(0px, -1px); }
    17.7% { transform: rotate(-2deg) translate(-10px, -3px); }
    19.5% { transform: rotate(-3deg) translate(-9px, -1px); }
    22.2% { transform: rotate(0deg) translate(0px, -7px); }
    24.0% { transform: rotate(0deg) translate(-1px, -13px); }
    24.9% { transform: rotate(0deg) translate(1px, -8px); }
    25.8% { transform: rotate(0deg) translate(3px, 3px); }
    27.9% { transform: rotate(6deg) translate(19px, 10px); }
    30.3% { transform: rotate(2deg) translate(10px, 13px); }
    31.8% { transform: rotate(1deg) translate(3px, 4px); }
    33.6% { transform: rotate(0deg) translate(1px, -10px); }
    36.3% { transform: rotate(-3deg) translate(-11px, 1px); }
    38.4% { transform: rotate(-4deg) translate(-15px, 8px); }
    39.3% { transform: rotate(-5deg) translate(-10px, 7px); }
    40.8% { transform: rotate(0deg) translate(4px, -2px); }
    41.1% { transform: rotate(0deg) translate(0px, 1px); }
    42.0% { transform: rotate(6deg) translate(4px, 11px); }
    43.5% { transform: rotate(6deg) translate(4px, -2px); }
    44.4% { transform: rotate(4deg) translate(5px, -10px); }
    48.0% { transform: rotate(0deg) translate(1px, -1px); }
    54.0% { transform: rotate(0deg) translate(1px, -1px); }
    56.4% { transform: rotate(-2deg) translate(-13px, -1px); }
    57.6% { transform: rotate(-2deg) translate(-1px, -1px); }
    59.7% { transform: rotate(-2deg) translate(-10px, -2px); }
    62.1% { transform: rotate(0deg) translate(3px, -2px); }
    63.9% { transform: rotate(0deg) translate(-4px, -2px); }
    64.5% { transform: rotate(-3deg) translate(-8px, -3px); }
    65.1% { transform: rotate(-3deg) translate(-8px, -3px); }
    65.4% { transform: rotate(-2deg) translate(-5px, -3px); }
    66.6% { transform: rotate(0deg) translate(6px, -2px); }
    67.5% { transform: rotate(3deg) translate(3px, 11px); }
    68.7% { transform: rotate(6deg) translate(3px, 6px); }
    70.2% { transform: rotate(5deg) translate(7px, -9px); }
    71.4% { transform: rotate(0deg) translate(0px, -3px); }
    75.9% { transform: rotate(0deg) translate(7px, 3px); }
    77.4% { transform: rotate(0deg) translate(0px, -7px); }
    81.0% { transform: rotate(0deg) translate(8px, -5px); }
    83.4% { transform: rotate(0deg) translate(2px, -5px); }
    86.1% { transform: rotate(-2deg) translate(-12px, -5px); }
    86.7% { transform: rotate(-2deg) translate(-12px, -5px); }
    87.6% { transform: rotate(0deg) translate(0px, -7px); }
    89.4% { transform: rotate(4deg) translate(11px, -13px); }
    91.2% { transform: rotate(2deg) translate(-1px, -13px); }
    93.3% { transform: rotate(2deg) translate(15px, -14px); }
    93.9% { transform: rotate(2deg) translate(15px, -14px); }
    94.8% { transform: rotate(2deg) translate(10px, -11px); }
    96.0% { transform: rotate(0deg) translate(1px, -4px); }
    97.8% { transform: rotate(0deg) translate(4px, -4px); }
    100%  { transform: rotate(6deg) translate(3px, 12px); }
}
@keyframes alchemistHat {
    0.0%  { transform: translate(21px, 27px) rotate(7deg); }
    2.7%  { transform: translate(23px, 4px) rotate(6deg); }
    5.7%  { transform: translate(-3px, 3px) rotate(0deg); }
    7.2%  { transform: translate(-10px, 11px) rotate(0deg); }
    8.7%  { transform: translate(1px, 4px) rotate(0deg); }
    12.3% { transform: translate(27px, 10px) rotate(6deg); }
    14.7% { transform: translate(3px, 1px) rotate(0deg); }
    17.7% { transform: translate(-8px, -5px) rotate(-1deg); }
    19.5% { transform: translate(-10px, -5px) rotate(-3deg); }
    22.2% { transform: translate(1px, -4px) rotate(0deg); }
    24.0% { transform: translate(-21px, -13px) rotate(0deg); }
    24.9% { transform: translate(1px, -6px) rotate(0deg); }
    25.8% { transform: translate(25px, 6px) rotate(0deg); }
    27.9% { transform: translate(25px, 23px) rotate(6deg); }
    30.3% { transform: translate(13px, 23px) rotate(4deg); }
    31.8% { transform: translate(1px, 7px) rotate(1deg); }
    33.6% { transform: translate(-3px, -9px) rotate(1deg); }
    36.3% { transform: translate(-12px, -4px) rotate(-2deg); }
    38.4% { transform: translate(-25px, 7px) rotate(-5deg); }
    39.3% { transform: translate(-19px, 10px) rotate(-5deg); }
    40.8% { transform: translate(5px, 1px) rotate(1deg); }
    41.1% { transform: translate(4px, 4px) rotate(1deg); }
    42.0% { transform: translate(24px, 27px) rotate(5deg); }
    43.5% { transform: translate(24px, 14px) rotate(6deg); }
    44.4% { transform: translate(31px, 10px) rotate(6deg); }
    48.0% { transform: translate(-2px, 1px) rotate(0deg); }
    49.8% { transform: translate(-2px, 1px) rotate(0deg); }
    53.1% { transform: translate(7px, 1px) rotate(0deg); }
    54.0% { transform: translate(7px, 1px) rotate(0deg); }
    56.4% { transform: translate(-36px, -1px) rotate(-5deg); }
    57.6% { transform: translate(-9px, -1px) rotate(0deg); }
    59.7% { transform: translate(-6px, -5px) rotate(0deg); }
    62.1% { transform: translate(1px, 0px) rotate(0deg); }
    63.9% { transform: translate(-23px, 0px) rotate(0deg); }
    64.5% { transform: translate(-31px, -2px) rotate(-2deg); }
    65.4% { transform: translate(-31px, -2px) rotate(-2deg); }
    66.6% { transform: translate(4px, 2px) rotate(0deg); }
    67.5% { transform: translate(8px, 17px) rotate(2deg); }
    68.7% { transform: translate(20px, 20px) rotate(6deg); }
    70.2% { transform: translate(18px, 3px) rotate(5deg); }
    71.4% { transform: translate(-1px, -2px) rotate(0deg); }
    75.9% { transform: translate(8px, 7px) rotate(0deg); }
    77.4% { transform: translate(0px, 6px) rotate(0deg); }
    81.0% { transform: translate(9px, 1px) rotate(0deg); }
    83.4% { transform: translate(-9px, -2px) rotate(0deg); }
    86.1% { transform: translate(-37px, -5px) rotate(-3deg); }
    86.7% { transform: translate(-37px, -5px) rotate(-3deg); }
    87.6% { transform: translate(-23px, -5px) rotate(-2deg); }
    89.4% { transform: translate(16px, -5px) rotate(3deg); }
    91.2% { transform: translate(-2px, -10px) rotate(0deg); }
    93.3% { transform: translate(23px, -4px) rotate(3deg); }
    93.9% { transform: translate(23px, -4px) rotate(3deg); }
    94.8% { transform: translate(26px, -2px) rotate(3deg); }
    96.0% { transform: translate(7px, -1px) rotate(1deg); }
    97.8% { transform: translate(7px, -1px) rotate(1deg); }
    100%  { transform: translate(21px, 27px) rotate(7deg); }
}
@keyframes alchemistLeftEar {
    0.0%  { transform: translate(14px, 0px) rotate(46deg); }
    2.7%  { transform: translate(16px, 3px) rotate(38deg); }
    5.7%  { transform: translate(-1px, 2px) rotate(45deg); }
    7.2%  { transform: translate(-1px, 5px) rotate(41deg); }
    8.7%  { transform: translate(2px, 7px) rotate(45deg); }
    12.3% { transform: translate(3px, -1px) rotate(45deg); }
    14.7% { transform: translate(3px, 1px) rotate(45deg); }
    17.7% { transform: translate(11px, 5px) rotate(42deg); }
    19.5% { transform: translate(13px, 3px) rotate(42deg); }
    22.2% { transform: translate(2px, 2px) rotate(45deg); }
    24.0% { transform: translate(2px, 2px) rotate(45deg); }
    24.9% { transform: translate(1px, 3px) rotate(45deg); }
    25.8% { transform: translate(28px, 2px) rotate(52deg); }
    27.9% { transform: translate(0px, 2px) rotate(40deg); }
    30.3% { transform: translate(1px, 3px) rotate(46deg); }
    31.8% { transform: translate(1px, 3px) rotate(46deg); }
    33.6% { transform: translate(6px, 1px) rotate(46deg); }
    36.3% { transform: translate(4px, 3px) rotate(44deg); }
    38.4% { transform: translate(-3px, 5px) rotate(44deg); }
    39.3% { transform: translate(0px, 6px) rotate(44deg); }
    40.8% { transform: translate(2px, 0px) rotate(47deg); }
    41.1% { transform: translate(2px, 0px) rotate(47deg); }
    42.0% { transform: translate(18px, 3px) rotate(45deg); }
    43.5% { transform: translate(18px, 3px) rotate(45deg); }
    44.4% { transform: translate(28px, 3px) rotate(45deg); }
    48.0% { transform: translate(0px, 3px) rotate(45deg); }
    49.8% { transform: translate(0px, 3px) rotate(45deg); }
    53.1% { transform: translate(10px, 4px) rotate(45deg); }
    54.0% { transform: translate(10px, 4px) rotate(45deg); }
    56.4% { transform: translate(0px, 7px) rotate(45deg); }
    57.6% { transform: translate(1px, -1px) rotate(45deg); }
    59.7% { transform: translate(21px, 3px) rotate(45deg); }
    62.1% { transform: translate(-1px, 1px) rotate(45deg); }
    63.9% { transform: translate(3px, 3px) rotate(45deg); }
    65.4% { transform: translate(3px, 3px) rotate(45deg); }
    66.6% { transform: translate(0px, 2px) rotate(45deg); }
    67.5% { transform: translate(0px, 2px) rotate(45deg); }
    68.7% { transform: translate(14px, 2px) rotate(45deg); }
    70.2% { transform: translate(2px, 0px) rotate(45deg); }
    71.4% { transform: translate(0px, 4px) rotate(45deg); }
    75.9% { transform: translate(3px, 1px) rotate(45deg); }
    77.4% { transform: translate(1px, 13px) rotate(45deg); }
    81.0% { transform: translate(2px, 0px) rotate(45deg); }
    83.4% { transform: translate(2px, 0px) rotate(45deg); }
    86.1% { transform: translate(2px, 5px) rotate(45deg); }
    89.4% { transform: translate(2px, 5px) rotate(45deg); }
    91.2% { transform: translate(0px, 6px) rotate(44deg); }
    93.3% { transform: translate(3px, 0px) rotate(45deg); }
    93.9% { transform: translate(3px, 0px) rotate(45deg); }
    94.8% { transform: translate(15px, 0px) rotate(45deg); }
    96.0% { transform: translate(10px, 3px) rotate(45deg); }
    97.8% { transform: translate(1px, 3px) rotate(45deg); }
    100%  { transform: translate(14px, 0px) rotate(46deg); }
}
@keyframes alchemistBeard {
    0.0%  { transform: translate(-13px, 0px); }
    2.7%  { transform: translate(-12px, 0px); }
    5.7%  { transform: translate(1px, 0px); }
    8.7%  { transform: translate(1px, 0px); }
    12.3% { transform: translate(-2px, 0px); }
    14.7% { transform: translate(-2px, 0px); }
    17.7% { transform: translate(-13px, 0px); }
    19.5% { transform: translate(-16px, 0px); }
    22.2% { transform: translate(1px, 0px); }
    24.0% { transform: translate(18px, 0px); }
    24.9% { transform: translate(3px, 0px); }
    25.8% { transform: translate(-16px, 0px); }
    27.9% { transform: translate(2px, 0px); }
    30.3% { transform: translate(2px, 0px); }
    31.8% { transform: translate(11px, 0px); }
    33.6% { transform: translate(-5px, 0px); }
    36.3% { transform: translate(-1px, 0px); }
    38.4% { transform: translate(5px, 0px); }
    39.3% { transform: translate(0px, 0px); }
    41.1% { transform: translate(0px, 0px); }
    42.0% { transform: translate(-13px, 0px); }
    43.5% { transform: translate(-13px, 0px); }
    44.4% { transform: translate(-20px, 0px); }
    48.0% { transform: translate(2px, 0px); }
    49.8% { transform: translate(2px, 0px); }
    53.1% { transform: translate(-9px, 0px); }
    54.0% { transform: translate(-9px, 0px); }
    56.4% { transform: translate(20px, 0px); }
    57.6% { transform: translate(-1px, 0px); }
    59.7% { transform: translate(-14px, 0px); }
    62.1% { transform: translate(-1px, 0px); }
    63.9% { transform: translate(5px, 0px); }
    64.5% { transform: translate(15px, 0px); }
    67.5% { transform: translate(15px, 0px); }
    68.7% { transform: translate(-10px, 0px); }
    70.2% { transform: translate(-2px, 0px); }
    71.4% { transform: translate(-2px, 0px); }
    75.9% { transform: translate(0px, 0px); }
    81.0% { transform: translate(0px, 0px); }
    83.4% { transform: translate(13px, 0px); }
    87.6% { transform: translate(13px, 0px); }
    89.4% { transform: translate(5px, 0px); }
    93.9% { transform: translate(5px, 0px); }
    94.8% { transform: translate(-10px, 0px); }
    96.0% { transform: translate(-10px, 0px); }
    97.8% { transform: translate(0px, 0px); }
    100%  { transform: translate(-13px, 0px); }
}
@keyframes alchemistMustache {
    0.0%  { transform: translate(-10px, 0px) scaleX(0.85); }
    2.7%  { transform: translate(-14px, 0px) scaleX(0.85); }
    5.7%  { transform: translate(2px, 0px) scaleX(1); }
    7.2%  { transform: translate(3px, 0px) scaleX(1); }
    8.7%  { transform: translate(1px, -6px) scaleX(1); }
    12.3% { transform: translate(0px, -2px) scaleX(1); }
    14.7% { transform: translate(-2px, 0px) scaleX(1); }
    17.7% { transform: translate(-12px, 2px) scaleX(0.9); }
    19.5% { transform: translate(-14px, 2px) scaleX(0.9); }
    22.2% { transform: translate(1px, 0px) scaleX(1); }
    24.0% { transform: translate(43px, 3px) scaleX(0.7); }
    24.9% { transform: translate(3px, 2px) scaleX(1); }
    25.8% { transform: translate(-29px, 1px) scaleX(0.7); }
    27.9% { transform: translate(2px, 1px) scaleX(1); }
    30.3% { transform: translate(4px, 3px) scaleX(1); }
    31.8% { transform: translate(12px, 2px) scaleX(1); }
    33.6% { transform: translate(-3px, 2px) scaleX(0.9); }
    36.3% { transform: translate(-2px, 1px) scaleX(1); }
    38.4% { transform: translate(8px, -4px) scaleX(1); }
    39.3% { transform: translate(1px, -16px) scaleX(1); }
    40.8% { transform: translate(4px, 1px) scaleX(1); }
    41.1% { transform: translate(4px, 1px) scaleX(1); }
    42.0% { transform: translate(-17px, 2px) scaleX(0.8); }
    43.5% { transform: translate(-17px, 2px) scaleX(0.8); }
    44.4% { transform: translate(-29px, -9px) scaleX(0.7); }
    48.0% { transform: translate(6px, 0px) scaleX(1); }
    49.8% { transform: translate(-2px, -6px) scaleX(1); }
    53.1% { transform: translate(-12px, -3px) scaleX(0.8); }
    54.0% { transform: translate(-12px, -3px) scaleX(0.8); }
    56.4% { transform: translate(36px, -3px) scaleX(0.8); }
    57.6% { transform: translate(3px, -2px) scaleX(1); }
    59.7% { transform: translate(-23px, 2px) scaleX(0.7); }
    62.1% { transform: translate(-1px, 2px) scaleX(1); }
    63.9% { transform: translate(40px, 2px) scaleX(0.8); }
    65.4% { transform: translate(40px, 2px) scaleX(0.8); }
    66.6% { transform: translate(3px, 1px) scaleX(1); }
    67.5% { transform: translate(3px, 1px) scaleX(1); }
    68.7% { transform: translate(-12px, 1px) scaleX(0.8); }
    70.2% { transform: translate(-2px, 1px) scaleX(1); }
    71.4% { transform: translate(-2px, 1px) scaleX(1); }
    75.9% { transform: translate(4px, 1px) scaleX(1); }
    77.4% { transform: translate(4px, -20px) scaleX(1); }
    81.0% { transform: translate(4px, 3px) scaleX(1); }
    83.4% { transform: translate(36px, 4px) scaleX(0.8); }
    86.1% { transform: translate(42px, 4px) scaleX(0.7); }
    87.6% { transform: translate(42px, 4px) scaleX(0.7); }
    89.4% { transform: translate(8px, 4px) scaleX(1); }
    91.2% { transform: translate(6px, 4px) scaleX(1); }
    93.3% { transform: translate(1px, 2px) scaleX(1); }
    93.9% { transform: translate(1px, 2px) scaleX(1); }
    94.8% { transform: translate(-12px, 1px) scaleX(0.8); }
    96.0% { transform: translate(-9px, 3px) scaleX(0.9); }
    97.8% { transform: translate(4px, 3px) scaleX(1); }
    100%  { transform: translate(-10px, 0px) scaleX(0.85); }
}
@keyframes alchemistRightEar {
    7.2%  { transform: rotate(-46deg) translate(-3px, -4px); }
    8.7%  { transform: rotate(-46deg) translate(-5px, 5px); }
    12.3% { transform: rotate(-46deg) translate(-2px, 5px); }
    14.7% { transform: rotate(-46deg) translate(-2px, 0px); }
    17.7% { transform: rotate(-46deg) translate(-4px, -2px); }
    19.5% { transform: rotate(-46deg) translate(-4px, -2px); }
    22.2% { transform: rotate(-46deg) translate(-3px, 0px); }
    24.0% { transform: rotate(-51deg) translate(-18px, -19px); }
    24.9% { transform: rotate(-45deg) translate(-5px, 2px); }
    25.8% { transform: rotate(-45deg) translate(-5px, 2px); }
    27.9% { transform: rotate(-48deg) translate(-5px, -1px); }
    30.3% { transform: rotate(-46deg) translate(-7px, 2px); }
    31.8% { transform: rotate(-50deg) translate(-7px, -5px); }
    33.6% { transform: rotate(-44deg) translate(-5px, -5px); }
    36.3% { transform: rotate(-44deg) translate(-3px, 0px); }
    38.4% { transform: rotate(-46deg) translate(-6px, -1px); }
    39.3% { transform: rotate(-45deg) translate(-9px, 5px); }
    40.8% { transform: rotate(-45deg) translate(-6px, 2px); }
    42.0% { transform: rotate(-45deg) translate(-6px, 2px); }
    43.5% { transform: rotate(-45deg) translate(-6px, -1px); }
    44.4% { transform: rotate(-45deg) translate(-9px, 5px); }
    48.0% { transform: rotate(-45deg) translate(-7px, -4px); }
    49.8% { transform: rotate(-45deg) translate(-5px, 1px); }
    53.1% { transform: rotate(-45deg) translate(-5px, -1px); }
    54.0% { transform: rotate(-45deg) translate(-5px, -1px); }
    56.4% { transform: rotate(-45deg) translate(-18px, -19px); }
    57.6% { transform: rotate(-45deg) translate(-4px, 1px); }
    59.7% { transform: rotate(-45deg) translate(-6px, -2px); }
    62.1% { transform: rotate(-45deg) translate(-4px, 0px); }
    63.9% { transform: rotate(-45deg) translate(-21px, -14px); }
    65.4% { transform: rotate(-45deg) translate(-21px, -14px); }
    66.6% { transform: rotate(-45deg) translate(-6px, -2px); }
    67.5% { transform: rotate(-45deg) translate(-3px, 3px); }
    68.7% { transform: rotate(-46deg) translate(-5px, 0px); }
    70.2% { transform: rotate(-46deg) translate(-5px, 0px); }
    71.4% { transform: rotate(-46deg) translate(-3px, 1px); }
    75.9% { transform: rotate(-46deg) translate(-3px, 1px); }
    77.4% { transform: rotate(-46deg) translate(-10px, 6px); }
    81.0% { transform: rotate(-46deg) translate(-8px, 1px); }
    83.4% { transform: rotate(-46deg) translate(-18px, -14px); }
    89.4% { transform: rotate(-46deg) translate(-18px, -14px); }
    91.2% { transform: rotate(-46deg) translate(-6px, -5px); }
    93.3% { transform: rotate(-46deg) translate(-6px, 4px); }
    93.9% { transform: rotate(-46deg) translate(-6px, 4px); }
    94.8% { transform: rotate(-45deg) translate(-4px, 3px); }
    96.0% { transform: rotate(-45deg) translate(-5px, 1px); }
    97.8% { transform: rotate(-45deg) translate(-5px, 1px); }
}
@keyframes alchemistСheeks {
    0.0%  { transform: translate(-4px, 0px); }
    2.7%  { transform: translate(-4px, 0px); box-shadow: 65px 0 0 0 #f7857c; }
    5.7%  { transform: translate(1px, 0px); box-shadow: 81px 0 0 0 #f7857c; }
    7.2%  { transform: translate(0px, 0px); box-shadow: 81px 0 0 0 #f7857c; }
    8.7%  { transform: translate(1px, -8px); box-shadow: 81px 0 0 0 #f7857c; }
    12.3% { transform: translate(0px, -3px); box-shadow: 81px 0 0 0 #f7857c; }
    14.7% { transform: translate(0px, 0px); box-shadow: 78px 0 0 0 #f7857c; }
    17.7% { transform: translate(-4px, 3px); box-shadow: 67px 0 0 0 #f7857c; }
    19.5% { transform: translate(-5px, 0px); box-shadow: 67px 0 0 0 #f7857c; }
    22.2% { transform: translate(1px, 0px); box-shadow: 80px 0 0 0 #f7857c; }
    24.0% { transform: translate(41px, 0px); box-shadow: 45px 0 0 0 #f7857c; }
    24.9% { transform: translate(2px, 2px); box-shadow: 81px 0 0 0 #f7857c; }
    25.8% { transform: translate(-5px, 2px); box-shadow: 44px 0 0 0 #f7857c; }
    27.9% { transform: translate(1px, 2px); box-shadow: 80px 0 0 0 #f7857c; }
    30.3% { transform: translate(4px, 2px); box-shadow: 77px 0 0 0 #f7857c; }
    31.8% { transform: translate(13px, 0px); box-shadow: 69px 0 0 0 #f7857c; }
    33.6% { transform: translate(0px, 1px); box-shadow: 73px 0 0 0 #f7857c; }
    36.3% { transform: translate(0px, 1px); box-shadow: 79px 0 0 0 #f7857c; }
    38.4% { transform: translate(6px, -4px); box-shadow: 77px 0 0 0 #f7857c; }
    39.3% { transform: translate(1px, -20px); box-shadow: 81px 0 0 0 #f7857c; }
    40.8% { transform: translate(5px, 0px); box-shadow: 78px 0 0 0 #f7857c; }
    41.1% { transform: translate(5px, 0px); box-shadow: 78px 0 0 0 #f7857c; }
    42.0% { transform: translate(-5px, 0px); box-shadow: 61px 0 0 0 #f7857c; }
    43.5% { transform: translate(-5px, 0px); box-shadow: 61px 0 0 0 #f7857c; }
    44.4% { transform: translate(-4px, -11px); box-shadow: 43px 0 0 0 #f7857c; }
    48.0% { transform: translate(6px, -1px); box-shadow: 76px 0 0 0 #f7857c; }
    49.8% { transform: translate(-2px, -7px); box-shadow: 80px 0 0 0 #f7857c; }
    53.1% { transform: translate(-3px, -4px); box-shadow: 66px 0 0 0 #f7857c; }
    54.0% { transform: translate(-3px, -4px); box-shadow: 66px 0 0 0 #f7857c; }
    56.4% { transform: translate(35px, -5px); box-shadow: 50px 0 0 0 #f7857c; }
    57.6% { transform: translate(2px, -3px); box-shadow: 80px 0 0 0 #f7857c; }
    59.7% { transform: translate(-4px, 1px); box-shadow: 51px 0 0 0 #f7857c; }
    62.1% { transform: translate(0px, 1px); box-shadow: 80px 0 0 0 #f7857c; }
    63.9% { transform: translate(41px, 1px); box-shadow: 45px 0 0 0 #f7857c; }
    65.4% { transform: translate(41px, 1px); box-shadow: 45px 0 0 0 #f7857c; }
    66.6% { transform: translate(2px, 1px); box-shadow: 79px 0 0 0 #f7857c; }
    67.5% { transform: translate(2px, 1px); box-shadow: 79px 0 0 0 #f7857c; }
    68.7% { transform: translate(-4px, -1px); box-shadow: 66px 0 0 0 #f7857c; }
    70.2% { transform: translate(-1px, -1px); box-shadow: 81px 0 0 0 #f7857c; }
    71.4% { transform: translate(-1px, -1px); box-shadow: 81px 0 0 0 #f7857c; }
    75.9% { transform: translate(5px, -1px); box-shadow: 77px 0 0 0 #f7857c; }
    77.4% { transform: translate(5px, -27px); box-shadow: 77px 0 0 0 #f7857c; }
    81.0% { transform: translate(6px, 0px); box-shadow: 76px 0 0 0 #f7857c; }
    83.4% { transform: translate(36px, 0px); box-shadow: 49px 0 0 0 #f7857c; }
    86.1% { transform: translate(42px, 0px); box-shadow: 43px 0 0 0 #f7857c; }
    87.6% { transform: translate(42px, 0px); box-shadow: 43px 0 0 0 #f7857c; }
    89.4% { transform: translate(6px, 2px); box-shadow: 77px 0 0 0 #f7857c; }
    91.2% { transform: translate(6px, 2px); box-shadow: 77px 0 0 0 #f7857c; }
    93.3% { transform: translate(2px, -1px); box-shadow: 79px 0 0 0 #f7857c; }
    93.9% { transform: translate(2px, -1px); box-shadow: 79px 0 0 0 #f7857c; }
    94.8% { transform: translate(-4px, -1px); box-shadow: 66px 0 0 0 #f7857c; }
    96.0% { transform: translate(-3px, 0px); box-shadow: 70px 0 0 0 #f7857c; }
    97.8% { transform: translate(2px, 1px); box-shadow: 80px 0 0 0 #f7857c; }
    100%  { transform: translate(-4px, 0px); }
}
@keyframes alchemistNose {
    0.0%  { transform: translate(-13px, 0px) scaleX(0.8); }
    2.7%  { transform: translate(-17px, 0px) scaleX(0.9); }
    5.7%  { transform: translate(1px, 0px) scaleX(1); }
    7.2%  { transform: translate(2px, 0px) scaleX(1); }
    8.7%  { transform: translate(1px, -7px) scaleX(1); }
    12.3% { transform: translate(0px, -1px) scaleX(1); }
    14.7% { transform: translate(-3px, 1px) scaleX(1); }
    17.7% { transform: translate(-14px, 1px) scaleX(1); }
    19.5% { transform: translate(-15px, 1px) scaleX(0.9); }
    22.2% { transform: translate(1px, 1px) scaleX(1); }
    24.0% { transform: translate(35px, -3px) scaleX(0.7); }
    24.9% { transform: translate(2px, 2px) scaleX(1); }
    25.8% { transform: translate(-35px, 0px) scaleX(0.7); }
    27.9% { transform: translate(1px, 2px) scaleX(1); }
    30.3% { transform: translate(3px, 4px) scaleX(1); }
    31.8% { transform: translate(11px, 0px) scaleX(1); }
    33.6% { transform: translate(-4px, 2px) scaleX(1); }
    36.3% { transform: translate(-2px, 1px) scaleX(1); }
    38.4% { transform: translate(6px, -3px) scaleX(0.9); }
    39.3% { transform: translate(2px, -16px) scaleX(0.9); }
    40.8% { transform: translate(5px, 1px) scaleX(0.9); }
    41.1% { transform: translate(4px, 2px) scaleX(0.9); }
    42.0% { transform: translate(-21px, 2px) scaleX(0.8); }
    43.5% { transform: translate(-21px, 2px) scaleX(0.8); }
    44.4% { transform: translate(-35px, -8px) scaleX(0.6); }
    48.0% { transform: translate(7px, 0px) scaleX(1); }
    49.8% { transform: translate(-2px, -8px) scaleX(1); }
    53.1% { transform: translate(-14px, -4px) scaleX(1); }
    54.0% { transform: translate(-14px, -4px) scaleX(1); }
    56.4% { transform: translate(33px, -4px) scaleX(0.7); }
    57.6% { transform: translate(3px, -2px) scaleX(1); }
    59.7% { transform: translate(-28px, 3px) scaleX(0.8); }
    62.1% { transform: translate(-1px, 3px) scaleX(1); }
    63.9% { transform: translate(35px, -5px) scaleX(0.8); }
    65.4% { transform: translate(35px, -5px) scaleX(0.8); }
    66.6% { transform: translate(2px, 1px) scaleX(1); }
    68.7% { transform: translate(2px, 1px) scaleX(1); }
    70.2% { transform: translate(-1px, 1px) scaleX(1); }
    71.4% { transform: translate(-1px, 1px) scaleX(1); }
    75.9% { transform: translate(4px, 1px) scaleX(1); }
    77.4% { transform: translate(3px, -21px) scaleX(1); }
    81.0% { transform: translate(5px, 1px) scaleX(1); }
    83.4% { transform: translate(32px, 2px) scaleX(0.8); }
    86.1% { transform: translate(38px, 2px) scaleX(0.7); }
    87.6% { transform: translate(38px, 2px) scaleX(0.7); }
    89.4% { transform: translate(7px, 2px) scaleX(0.9); }
    91.2% { transform: translate(6px, 2px) scaleX(1); }
    93.3% { transform: translate(2px, 2px) scaleX(1); }
    93.9% { transform: translate(2px, 2px) scaleX(1); }
    94.8% { transform: translate(-15px, 2px) scaleX(0.8); }
    96.0% { transform: translate(-12px, 2px) scaleX(0.9); }
    97.8% { transform: translate(2px, 3px) scaleX(1); }
    100%  { transform: translate(-13px, 0px) scaleX(0.8); }
}
@keyframes alchemistLeftEye {
    0.0%  { transform: translate(-10px, 0px); }
    2.7%  { transform: translate(-14px, 0px); }
    5.7%  { transform: translate(1px, -1px); }
    7.2%  { transform: translate(0px, 1px); }
    8.7%  { transform: translate(2px, -12px); }
    12.3% { transform: translate(2px, -1px); }
    14.7% { transform: translate(-1px, 0px); }
    17.7% { transform: translate(-13px, 2px); }
    19.5% { transform: translate(-13px, 0px); }
    22.2% { transform: translate(1px, 1px); }
    24.0% { transform: translate(29px, 0px); }
    24.9% { transform: translate(3px, 2px); }
    25.8% { transform: translate(-27px, 0px); }
    27.9% { transform: translate(1px, 1px); }
    30.3% { transform: translate(4px, 2px); }
    31.8% { transform: translate(10px, 0px); }
    33.6% { transform: translate(-3px, 1px); }
    36.3% { transform: translate(-2px, -1px); }
    38.4% { transform: translate(5px, -6px); }
    39.3% { transform: translate(1px, -24px); }
    40.8% { transform: translate(5px, 0px); }
    41.1% { transform: translate(5px, 0px); }
    42.0% { transform: translate(-17px, 1px); }
    43.5% { transform: translate(-17px, 1px); }
    44.4% { transform: translate(-26px, -19px); }
    48.0% { transform: translate(5px, 0px); }
    49.8% { transform: translate(-2px, -10px); }
    53.1% { transform: translate(-13px, -5px); }
    54.0% { transform: translate(-13px, -5px); }
    56.4% { transform: translate(24px, -10px); }
    57.6% { transform: translate(3px, -4px); }
    59.7% { transform: translate(-24px, 0px); }
    62.1% { transform: translate(1px, 0px); }
    63.9% { transform: translate(29px, -3px); }
    65.1% { transform: translate(29px, -3px); }
    65.4% { transform: translate(29px, -1px); }
    66.6% { transform: translate(2px, 1px); }
    67.5% { transform: translate(2px, -1px); }
    68.7% { transform: translate(-13px, -1px); }
    70.2% { transform: translate(-1px, 0px); }
    71.4% { transform: translate(-1px, 0px); }
    75.9% { transform: translate(5px, 0px); }
    77.4% { transform: translate(3px, -28px); }
    81.0% { transform: translate(5px, 0px); }
    83.4% { transform: translate(26px, 1px); }
    86.1% { transform: translate(29px, -4px); }
    87.6% { transform: translate(29px, -4px); }
    89.4% { transform: translate(5px, 2px); }
    91.2% { transform: translate(3px, 3px); }
    93.3% { transform: translate(3px, 0px); }
    93.9% { transform: translate(3px, 0px); }
    94.8% { transform: translate(-12px, 0px); }
    96.0% { transform: translate(-10px, 2px); }
    97.8% { transform: translate(3px, 2px); }
    100%  { transform: translate(-10px, 0px); }
}
@keyframes alchemistLeftBrow {
    0.0%  { transform: rotate(46deg) translate(-6px, -3px); }
    2.7%  { transform: rotate(50deg) translate(-3px, -2px); }
    5.7%  { transform: rotate(45deg) translate(-1px, 0px); }
    7.2%  { transform: rotate(45deg) translate(0px, 0px); }
    8.7%  { transform: rotate(33deg) translate(-4px, -3px); }
    12.3% { transform: rotate(46deg) translate(1px, 0px); }
    19.5% { transform: rotate(51deg) translate(1px, 0px); }
    22.2% { transform: rotate(46deg) translate(1px, -1px); }
    24.0% { transform: rotate(44deg) translate(-3px, 2px); }
    24.9% { transform: rotate(46deg) translate(-2px, -1px); }
    25.8% { transform: rotate(59deg) translate(0px, -2px); }
    27.9% { transform: rotate(46deg) translate(-1px, 0px); }
    31.8% { transform: rotate(46deg) translate(-1px, 0px); }
    33.6% { transform: rotate(50deg) translate(-1px, -2px); }
    36.3% { transform: rotate(50deg) translate(1px, -2px); }
    39.3% { transform: rotate(50deg) translate(1px, -2px); }
    40.8% { transform: rotate(47deg) translate(-1px, -2px); }
    44.4% { transform: rotate(65deg) translate(-1px, -2px); }
    48.0% { transform: rotate(45deg) translate(-1px, 0px); }
    49.8% { transform: rotate(47deg) translate(-1px, -1px); }
    54.0% { transform: rotate(47deg) translate(-1px, -1px); }
    56.4% { transform: rotate(40deg) translate(-2px, 3px); }
    57.6% { transform: rotate(48deg) translate(0px, 0px); }
    59.7% { transform: rotate(58deg) translate(3px, -1px); }
    62.1% { transform: rotate(45deg) translate(0px, -1px); }
    63.9% { transform: rotate(42deg) translate(-2px, 3px); }
    65.4% { transform: rotate(42deg) translate(-2px, 3px); }
    66.6% { transform: rotate(49deg) translate(5px, -4px); }
    67.5% { transform: rotate(49deg) translate(5px, -4px); }
    68.7% { transform: rotate(57deg) translate(8px, -7px); }
    70.2% { transform: rotate(52deg) translate(5px, -6px); }
    71.4% { transform: rotate(45deg) translate(0px, -4px); }
    75.9% { transform: rotate(48deg) translate(-4px, -4px); }
    77.4% { transform: rotate(48deg) translate(-6px, -8px); }
    81.0% { transform: rotate(48deg) translate(1px, -3px); }
    83.4% { transform: rotate(44deg) translate(-1px, 0px); }
    86.1% { transform: rotate(41deg) translate(-3px, 3px); }
    87.6% { transform: rotate(41deg) translate(-3px, 3px); }
    89.4% { transform: rotate(45deg) translate(-1px, 0px); }
    91.2% { transform: rotate(43deg) translate(-1px, 1px); }
    93.3% { transform: rotate(39deg) translate(-1px, 3px); }
    93.9% { transform: rotate(39deg) translate(-1px, 3px); }
    94.8% { transform: rotate(47deg) translate(-1px, -1px); }
    96.0% { transform: rotate(46deg) translate(-3px, -3px); }
    97.8% { transform: rotate(41deg) translate(-3px, -3px); }
    100%  { transform: rotate(46deg) translate(-6px, -3px); }
}
@keyframes alchemistRightEye {
    0.0%  { transform: translate(-9px, 0px); }
    2.7%  { transform: translate(-13px, 1px); }
    5.7%  { transform: translate(1px, 0px); }
    7.2%  { transform: translate(1px, 0px); }
    8.7%  { transform: translate(2px, -14px); }
    12.3% { transform: translate(2px, 1px); }
    14.7% { transform: translate(-1px, 0px); }
    17.7% { transform: translate(-10px, 2px); }
    19.5% { transform: translate(-12px, 1px); }
    22.2% { transform: translate(0px, 1px); }
    24.0% { transform: translate(28px, 0px); }
    24.9% { transform: translate(4px, 3px); }
    25.8% { transform: translate(-26px, 1px); }
    27.9% { transform: translate(1px, 1px); }
    30.3% { transform: translate(4px, 3px); }
    31.8% { transform: translate(10px, 1px); }
    33.6% { transform: translate(-4px, 1px); }
    36.3% { transform: translate(-2px, -1px); }
    38.4% { transform: translate(6px, -8px); }
    39.3% { transform: translate(3px, -23px); }
    40.8% { transform: translate(5px, 1px); }
    41.1% { transform: translate(5px, 1px); }
    42.0% { transform: translate(-15px, 2px); }
    43.5% { transform: translate(-15px, 2px); }
    44.4% { transform: translate(-25px, -16px); }
    48.0% { transform: translate(5px, 0px); }
    49.8% { transform: translate(-2px, -12px); }
    53.1% { transform: translate(-11px, -5px); }
    54.0% { transform: translate(-11px, -5px); }
    56.4% { transform: translate(25px, -11px); }
    57.6% { transform: translate(3px, -2px); }
    59.7% { transform: translate(-21px, 1px); }
    62.1% { transform: translate(0px, 1px); }
    63.9% { transform: translate(28px, -2px); }
    65.4% { transform: translate(28px, -2px); }
    66.6% { transform: translate(3px, 2px); }
    67.5% { transform: translate(3px, 2px); }
    68.7% { transform: translate(-11px, 0px); }
    70.2% { transform: translate(0px, 0px); }
    71.4% { transform: translate(0px, 0px); }
    75.9% { transform: translate(5px, 1px); }
    77.4% { transform: translate(3px, -29px); }
    81.0% { transform: translate(6px, 2px); }
    83.4% { transform: translate(26px, 2px); }
    86.1% { transform: translate(27px, -4px); }
    87.6% { transform: translate(27px, -4px); }
    89.4% { transform: translate(6px, 2px); }
    91.2% { transform: translate(3px, 2px); }
    93.9% { transform: translate(3px, 2px); }
    94.8% { transform: translate(-11px, 1px); }
    96.0% { transform: translate(-9px, 2px); }
    97.8% { transform: translate(3px, 2px); }
    100%  { transform: translate(-9px, 0px); }
}
@keyframes alchemistRightBrow {
    0.0%  { transform: rotate(-37deg) translate(3px, 0px); }
    2.7%  { transform: rotate(-41deg) translate(1px, 2px); }
    5.7%  { transform: rotate(-45deg) translate(0px, 0px); }
    7.2%  { transform: rotate(-48deg) translate(-1px, -1px); }
    8.7%  { transform: rotate(-31deg) translate(4px, 1px); }
    12.3% { transform: rotate(-44deg) translate(2px, 1px); }
    14.7% { transform: rotate(-44deg) translate(1px, 1px); }
    17.7% { transform: rotate(-46deg) translate(1px, -1px); }
    19.5% { transform: rotate(-45deg) translate(1px, 1px); }
    22.2% { transform: rotate(-45deg) translate(1px, 1px); }
    24.0% { transform: rotate(-58deg) translate(3px, 1px); }
    24.9% { transform: rotate(-45deg) translate(-1px, -1px); }
    25.8% { transform: rotate(-42deg) translate(4px, 3px); }
    27.9% { transform: rotate(-46deg) translate(0px, 0px); }
    30.3% { transform: rotate(-46deg) translate(0px, 0px); }
    31.8% { transform: rotate(-49deg) translate(1px, -1px); }
    33.6% { transform: rotate(-47deg) translate(1px, -1px); }
    36.3% { transform: rotate(-52deg) translate(-1px, 0px); }
    38.4% { transform: rotate(-59deg) translate(-1px, -2px); }
    39.3% { transform: rotate(-51deg) translate(-1px, -3px); }
    40.8% { transform: rotate(-45deg) translate(0px, 0px); }
    41.1% { transform: rotate(-45deg) translate(0px, 0px); }
    42.0% { transform: rotate(-44deg) translate(0px, 1px); }
    43.5% { transform: rotate(-44deg) translate(0px, 1px); }
    44.4% { transform: rotate(-42deg) translate(3px, 3px); }
    48.0% { transform: rotate(-47deg) translate(1px, 1px); }
    54.0% { transform: rotate(-47deg) translate(1px, 1px); }
    56.4% { transform: rotate(-58deg) translate(1px, -2px); }
    57.6% { transform: rotate(-44deg) translate(1px, 0px); }
    59.7% { transform: rotate(-45deg) translate(1px, 1px); }
    65.4% { transform: rotate(-57deg) translate(1px, 1px); }
    66.6% { transform: rotate(-49deg) translate(-3px, -2px); }
    70.2% { transform: rotate(-49deg) translate(-3px, -2px); }
    71.4% { transform: rotate(-48deg) translate(0px, -2px); }
    75.9% { transform: rotate(-44deg) translate(4px, -2px); }
    77.4% { transform: rotate(-42deg) translate(3px, 1px); }
    81.0% { transform: rotate(-42deg) translate(0px, 1px); }
    83.4% { transform: rotate(-53deg) translate(4px, 1px); }
    86.1% { transform: rotate(-56deg) translate(3px, -1px); }
    91.2% { transform: rotate(-48deg) translate(3px, -1px); }
    93.3% { transform: rotate(-44deg) translate(8px, -5px); }
    93.9% { transform: rotate(-44deg) translate(8px, -5px); }
    94.8% { transform: rotate(-41deg) translate(7px, -2px); }
    96.0% { transform: rotate(-41deg) translate(3px, 0px); }
}
@keyframes alchemistRightShoulder {
    0.0%  { transform: rotate(48deg) translate(11px, 10px); }
    2.7%  { transform: rotate(47deg) translate(3px, -7px); }
    5.7%  { transform: rotate(42deg) translate(4px, 3px); }
    7.2%  { transform: rotate(42deg) translate(7px, 10px); }
    8.7%  { transform: rotate(46deg) translate(12px, 1px); }
    12.3% { transform: rotate(51deg) translate(18px, -9px); }
    14.7% { transform: rotate(46deg) translate(8px, -1px); }
    17.7% { transform: rotate(47deg) translate(-5px, 7px); }
    19.5% { transform: rotate(45deg) translate(-5px, 5px); }
    21.3% { transform: rotate(46deg) translate(2px, -1px); }
    22.2% { transform: rotate(46deg) translate(0px, -4px); }
    24.0% { transform: rotate(46deg) translate(-3px, -8px); }
    24.9% { transform: rotate(22deg) translate(-2px, -16px); }
    25.8% { transform: rotate(21deg) translate(-2px, -16px); }
    27.9% { transform: rotate(51deg) translate(10px, -6px); }
    30.3% { transform: rotate(48deg) translate(15px, 3px); }
    31.8% { transform: rotate(30deg) translate(0px, 0px); }
    33.3% { transform: rotate(47deg) translate(0px, -2px); }
    36.3% { transform: rotate(40deg) translate(-2px, 5px); }
    38.4% { transform: rotate(40deg) translate(1px, 9px); }
    39.3% { transform: rotate(40deg) translate(1px, 9px); }
    40.8% { transform: rotate(49deg) translate(7px, -4px); }
    41.1% { transform: rotate(51deg) translate(6px, 3px); }
    42.0% { transform: rotate(56deg) translate(18px, 7px); }
    43.5% { transform: rotate(54deg) translate(9px, -1px); }
    44.4% { transform: rotate(52deg) translate(4px, -5px); }
    48.0% { transform: rotate(46deg) translate(4px, -1px); }
    56.4% { transform: rotate(28deg) translate(4px, -1px); }
    57.6% { transform: rotate(45deg) translate(4px, 1px); }
    59.7% { transform: rotate(44deg) translate(1px, 5px); }
    62.1% { transform: rotate(42deg) translate(-4px, -2px); }
    63.9% { transform: rotate(16deg) translate(6px, -13px); }
    65.1% { transform: rotate(12deg) translate(6px, -13px); }
    65.4% { transform: rotate(15deg) translate(6px, 0px); }
    66.6% { transform: rotate(45deg) translate(-4px, -10px); }
    67.5% { transform: rotate(45deg) translate(-4px, -10px); }
    68.7% { transform: rotate(55deg) translate(4px, 0px); }
    70.2% { transform: rotate(52deg) translate(2px, -6px); }
    71.4% { transform: rotate(45deg) translate(3px, 0px); }
    81.0% { transform: rotate(45deg) translate(3px, 0px); }
    83.4% { transform: rotate(40deg) translate(3px, -20px); }
    86.4% { transform: rotate(44deg) translate(-17px, 11px); }
    86.7% { transform: rotate(44deg) translate(-17px, 11px); }
    87.6% { transform: rotate(52deg) translate(-18px, 1px); }
    88.8% { transform: rotate(52deg) translate(-12px, -6px); }
    91.2% { transform: rotate(46deg) translate(-12px, -6px); }
    93.3% { transform: rotate(44deg) translate(1px, -21px); }
    93.9% { transform: rotate(44deg) translate(1px, -21px); }
    94.8% { transform: rotate(46deg) translate(1px, -16px); }
    96.0% { transform: rotate(46deg) translate(7px, -1px); }
    97.8% { transform: rotate(46deg) translate(7px, -1px); }
    100%  { transform: rotate(48deg) translate(11px, 10px); }
}
@keyframes alchemistLeftShoulder {
    0.0%  { transform: rotate(-39deg) translate(-6px, 3px); }
    2.7%  { transform: rotate(-45deg) translate(21px, -7px); }
    5.7%  { transform: rotate(-47deg) translate(-2px, -1px); }
    7.2%  { transform: rotate(-48deg) translate(-12px, 3px); }
    8.7%  { transform: rotate(-46deg) translate(-2px, -2px); }
    12.3% { transform: rotate(-46deg) translate(18px, 5px); }
    14.7% { transform: rotate(-47deg) translate(6px, -1px); }
    17.7% { transform: rotate(-48deg) translate(-1px, -12px); }
    19.5% { transform: rotate(-42deg) translate(-1px, -12px); }
    21.3% { transform: rotate(-51deg) translate(3px, -4px); }
    22.2% { transform: rotate(-51deg) translate(5px, -8px); }
    24.0% { transform: rotate(-51deg) translate(12px, -12px); }
    25.8% { transform: rotate(-41deg) translate(12px, -12px); }
    27.9% { transform: rotate(-31deg) translate(11px, -1px); }
    30.3% { transform: rotate(-51deg) translate(11px, 12px); }
    31.8% { transform: rotate(-27deg) translate(1px, -7px); }
    33.3% { transform: rotate(-44deg) translate(17px, -12px); }
    36.3% { transform: rotate(-51deg) translate(7px, -9px); }
    38.4% { transform: rotate(-51deg) translate(-7px, -9px); }
    39.3% { transform: rotate(-51deg) translate(-7px, -9px); }
    40.8% { transform: rotate(-45deg) translate(13px, -5px); }
    41.1% { transform: rotate(-45deg) translate(13px, -5px); }
    42.0% { transform: rotate(-44deg) translate(1px, 0px); }
    43.5% { transform: rotate(-43deg) translate(3px, -5px); }
    44.4% { transform: rotate(-43deg) translate(10px, -8px); }
    48.0% { transform: rotate(-45deg) translate(4px, -5px); }
    54.0% { transform: rotate(-45deg) translate(4px, -5px); }
    56.4% { transform: rotate(-51deg) translate(-8px, -10px); }
    57.6% { transform: rotate(-46deg) translate(0px, -6px); }
    59.7% { transform: rotate(-41deg) translate(0px, -19px); }
    62.1% { transform: rotate(-46deg) translate(19px, 1px); }
    63.9% { transform: rotate(-50deg) translate(9px, -6px); }
    68.7% { transform: rotate(-50deg) translate(9px, -6px); }
    70.2% { transform: rotate(-47deg) translate(7px, -9px); }
    71.4% { transform: rotate(-48deg) translate(7px, -4px); }
    83.4% { transform: rotate(-48deg) translate(7px, -4px); }
    85.8% { transform: rotate(-47deg) translate(-3px, -12px); }
    86.7% { transform: rotate(-47deg) translate(-3px, -12px); }
    87.6% { transform: rotate(-46deg) translate(4px, -10px); }
    88.8% { transform: rotate(-35deg) translate(4px, -12px); }
    89.7% { transform: rotate(-35deg) translate(4px, -12px); }
    91.2% { transform: rotate(-37deg) translate(6px, -17px); }
    93.3% { transform: rotate(-23deg) translate(12px, -25px); }
    93.9% { transform: rotate(-35deg) translate(12px, -14px); }
    94.8% { transform: rotate(-40deg) translate(12px, -14px); }
    96.0% { transform: rotate(-44deg) translate(12px, -9px); }
    97.8% { transform: rotate(-44deg) translate(12px, -5px); }
    100%  { transform: rotate(-39deg) translate(-6px, 3px); }
}
@keyframes alchemistRightCloak {
    0.0%  { transform: skew(10deg) translate(-12px, 0px); }
    2.7%  { transform: skew(11deg) translate(2px, 0px); }
    5.7%  { transform: skew(11deg) translate(2px, 0px); }
    7.2%  { transform: skew(12deg) translate(0px, 0px); }
    8.7%  { transform: skew(12deg) translate(3px, 0px); }
    12.3% { transform: skew(10deg) translate(2px, 0px); }
    14.7% { transform: skew(10deg) translate(-1px, 0px); }
    17.7% { transform: skew(10deg) translate(-17px, 0px); }
    19.5% { transform: skew(10deg) translate(-12px, 0px); }
    21.3% { transform: skew(10deg) translate(-5px, 0px); }
    22.2% { transform: skew(10deg) translate(-3px, 0px); }
    24.0% { transform: skew(10deg) translate(-1px, 0px); }
    24.9% { transform: skew(10deg) translate(12px, -22px); }
    25.8% { transform: skew(10deg) translate(12px, -22px); }
    27.9% { transform: skew(10deg) translate(-4px, -22px); }
    30.3% { transform: skew(10deg) translate(-4px, -2px); }
    31.8% { transform: skew(10deg) translate(15px, -19px); }
    33.3% { transform: skew(10deg) translate(-6px, -8px); }
    36.3% { transform: skew(10deg) translate(-3px, -8px); }
    38.4% { transform: skew(10deg) translate(-4px, 0px); }
    40.8% { transform: skew(10deg) translate(-4px, 0px); }
    41.1% { transform: skew(10deg) translate(-14px, 0px); }
    42.0% { transform: skew(10deg) translate(-22px, 0px); }
    43.5% { transform: skew(10deg) translate(-14px, 0px); }
    44.4% { transform: skew(10deg) translate(-10px, 0px); }
    48.0% { transform: skew(10deg) translate(-3px, 0px); }
    54.0% { transform: skew(10deg) translate(-3px, 0px); }
    56.4% { transform: skew(10deg) translate(21px, -20px); }
    57.6% { transform: skew(10deg) translate(-3px, 0px); }
    59.7% { transform: skew(10deg) translate(-6px, 0px); }
    62.1% { transform: skew(10deg) translate(-1px, 0px); }
    63.9% { transform: skew(10deg) translate(19px, -20px); }
    65.4% { transform: skew(10deg) translate(19px, -20px); }
    66.6% { transform: skew(10deg) translate(2px, -20px) }
    68.7% { transform: skew(10deg) translate(2px, -20px) }
    70.2% { transform: skew(10deg) translate(-9px, 0px); }
    71.4% { transform: skew(10deg) translate(-3px, 0px); }
    83.4% { transform: skew(10deg) translate(-3px, 0px); }
    86.4% { transform: skew(10deg) translate(-22px, 0px); }
    86.7% { transform: skew(10deg) translate(-22px, 0px); }
    87.6% { transform: skew(10deg) translate(-25px, 0px); }
    88.8% { transform: skew(10deg) translate(-16px, 0px); }
    89.7% { transform: skew(10deg) translate(-16px, 0px); }
    91.2% { transform: skew(10deg) translate(-8px, 0px); }
    93.3% { transform: skew(10deg) translate(16px, 0px); }
    93.9% { transform: skew(10deg) translate(16px, 0px); }
    94.8% { transform: skew(10deg) translate(8px, 0px); }
    96.0% { transform: skew(10deg) translate(0px, 0px); }
    97.8% { transform: skew(10deg) translate(0px, 0px); }
    100%  { transform: skew(10deg) translate(-12px, 0px); }
}
@keyframes alchemistLeftCloak {
    0.0%  { transform: skew(-7deg) translate(-9px, 0px); }
    2.7%  { transform: skew(-7deg) translate(4px, -10px); }
    5.7%  { transform: skew(-7deg) translate(3px, -6px); }
    7.2%  { transform: skew(-7deg) translate(2px, -6px); }
    8.7%  { transform: skew(-7deg) translate(1px, -6px); }
    12.3% { transform: skew(-7deg) translate(16px, -6px); }
    14.7% { transform: skew(-7deg) translate(6px, -6px); }
    17.7% { transform: skew(-5deg) translate(-1px, -6px); }
    19.5% { transform: skew(-5deg) translate(-9px, -6px); }
    21.3% { transform: skew(-5deg) translate(11px, -6px); }
    22.2% { transform: skew(-5deg) translate(10px, -6px); }
    24.0% { transform: skew(-5deg) translate(9px, -6px); }
    24.9% { transform: skew(-5deg) translate(3px, -6px); }
    27.9% { transform: skew(-5deg) translate(3px, -36px); }
    30.3% { transform: skew(-5deg) translate(30px, 0px); }
    31.8% { transform: skew(-5deg) translate(-12px, -39px); }
    33.3% { transform: skew(-5deg) translate(7px, -21px); }
    36.3% { transform: skew(-5deg) translate(11px, -21px); }
    38.4% { transform: skew(-5deg) translate(3px, 0px); }
    39.3% { transform: skew(-5deg) translate(3px, 0px); }
    40.8% { transform: skew(-5deg) translate(5px, 0px); }
    41.1% { transform: skew(-5deg) translate(5px, 0px); }
    42.0% { transform: skew(-5deg) translate(3px, 0px); }
    43.5% { transform: skew(-5deg) translate(2px, -10px); }
    44.4% { transform: skew(-5deg) translate(2px, -10px); }
    48.0% { transform: skew(-5deg) translate(4px, -10px); }
    54.0% { transform: skew(-5deg) translate(4px, -10px); }
    56.4% { transform: skew(-5deg) translate(1px, -10px); }
    57.6% { transform: skew(-5deg) translate(1px, 0px); }
    59.7% { transform: skew(-5deg) translate(-16px, -13px); }
    62.1% { transform: skew(-5deg) translate(16px, -3px); }
    63.9% { transform: skew(-5deg) translate(11px, -3px); }
    68.7% { transform: skew(-5deg) translate(11px, -3px); }
    70.2% { transform: skew(-5deg) translate(3px, -3px); }
    71.4% { transform: skew(-5deg) translate(10px, -3px); }
    83.4% { transform: skew(-5deg) translate(10px, -3px); }
    85.8% { transform: skew(-5deg) translate(-3px, -3px); }
    86.7% { transform: skew(-5deg) translate(-3px, -3px); }
    87.6% { transform: skew(-5deg) translate(0px, 0px); }
    88.8% { transform: skew(-5deg) translate(-8px, -30px); }
    89.7% { transform: skew(-5deg) translate(-8px, -30px); }
    91.2% { transform: skew(-5deg) translate(-8px, -34px); }
    93.3% { transform: skew(-5deg) translate(-13px, -64px); }
    93.9% { transform: skew(-5deg) translate(-13px, -64px); }
    94.8% { transform: skew(-5deg) translate(-6px, -14px); }
    96.0% { transform: skew(-5deg) translate(0px, 0px); }
    97.8% { transform: skew(-5deg) translate(3px, 0px); }
    100%  { transform: skew(-7deg) translate(-9px, 0px); }
}
@keyframes alchemistLeftLeg {
    0.0%  { transform: rotate(18deg) translate(-38px, -3px); }
    0.6%  { transform: rotate(28deg) translate(-37px, 32px); }
    2.4%  { transform: rotate(28deg) translate(-37px, 32px); }
    3.0%  { transform: rotate(21deg) translate(-26px, -12px); }
    3.9%  { transform: rotate(0deg) translate(0px, 0px); }

    41.1% { transform: rotate(0deg) translate(0px, 0px); }
    41.4% { transform: rotate(28deg) translate(-37px, 32px); }
    43.2% { transform: rotate(28deg) translate(-37px, 32px); }
    43.8% { transform: rotate(21deg) translate(-26px, -12px); }
    44.7% { transform: rotate(0deg) translate(0px, 0px); }
    66.9% { transform: rotate(0deg) translate(0px, 0px); }
    67.2% { transform: rotate(21deg) translate(-26px, -12px); }
    68.1% { transform: rotate(0deg) translate(0px, 0px); }
    99.7% { transform: rotate(0deg) translate(0px, 0px); }
    100%  { transform: rotate(18deg) translate(-38px, -3px); }
}
@keyframes alchemistPedal {
    0.0%  { transform: rotate(77deg); }
    0.6%  { transform: rotate(87deg); }
    2.4%  { transform: rotate(87deg); }
    3.0%  { transform: rotate(71deg); }
    3.6%  { transform: rotate(80deg); }
    4.2%  { transform: rotate(75deg); }
    5.4%  { transform: rotate(75deg); }
    41.1% { transform: rotate(77deg); }
    41.4% { transform: rotate(87deg); }
    43.2% { transform: rotate(87deg); }
    43.8% { transform: rotate(71deg); }
    44.4% { transform: rotate(80deg); }
    45.0% { transform: rotate(75deg); }
    46.2% { transform: rotate(75deg); }
    67.2% { transform: rotate(71deg); }
    67.8% { transform: rotate(80deg); }
    68.4% { transform: rotate(75deg); }
    69.6% { transform: rotate(75deg); }
    100%  { transform: rotate(77deg); }
}
@keyframes alchemistPedal-1 {
    0.0%  { transform: rotate(31deg); }
    0.6%  { transform: rotate(7deg); }
    2.4%  { transform: rotate(7deg); }
    3.0%  { transform: rotate(50deg); }
    3.6%  { transform: rotate(29deg); }
    4.2%  { transform: rotate(44deg); }
    5.4%  { transform: rotate(31deg); }
    41.1% { transform: rotate(31deg); }
    41.4% { transform: rotate(7deg); }
    43.2% { transform: rotate(7deg); }
    43.8% { transform: rotate(50deg); }
    44.4% { transform: rotate(29deg); }
    45.0% { transform: rotate(44deg); }
    46.2% { transform: rotate(31deg); }
    67.2% { transform: rotate(50deg); }
    67.8% { transform: rotate(29deg); }
    68.4% { transform: rotate(44deg); }
    69.6% { transform: rotate(31deg); }
    100%  { transform: rotate(31deg); }
}
@keyframes alchemistPedal-2 {
    0.0%  { transform: rotate(148deg); }
    0.6%  { transform: rotate(183deg); }
    2.4%  { transform: rotate(183deg); }
    3.0%  { transform: rotate(140deg); }
    3.6%  { transform: rotate(154deg); }
    4.2%  { transform: rotate(144deg); }
    5.4%  { transform: rotate(149deg); }
    41.1% { transform: rotate(148deg); }
    41.4% { transform: rotate(183deg); }
    43.2% { transform: rotate(183deg); }
    43.8% { transform: rotate(140deg); }
    44.4% { transform: rotate(154deg); }
    45.0% { transform: rotate(144deg); }
    46.2% { transform: rotate(149deg); }
    67.2% { transform: rotate(140deg); }
    67.8% { transform: rotate(154deg); }
    68.4% { transform: rotate(144deg); }
    69.6% { transform: rotate(149deg); }
    100%  { transform: rotate(148deg); }
}
@keyframes alchemistPedal-3 {
    0.0%  { transform: rotate(-55deg); }
    0.6%  { transform: rotate(-69deg); }
    2.4%  { transform: rotate(-69deg); }
    3.0%  { transform: rotate(-62deg); }
    3.6%  { transform: rotate(-69deg); }
    4.2%  { transform: rotate(-72deg); }
    5.4%  { transform: rotate(-59deg); }
    41.1% { transform: rotate(-55deg); }
    41.4% { transform: rotate(-69deg); }
    43.2% { transform: rotate(-69deg); }
    43.8% { transform: rotate(-62deg); }
    44.4% { transform: rotate(-69deg); }
    45.0% { transform: rotate(-72deg); }
    46.2% { transform: rotate(-59deg); }
    67.2% { transform: rotate(-62deg); }
    67.8% { transform: rotate(-69deg); }
    68.4% { transform: rotate(-72deg); }
    69.6% { transform: rotate(-59deg); }
    100%  { transform: rotate(-55deg); }
}
@keyframes alchemistRightArm {
    0.0%  { transform: rotate(-38deg) translate(0px, 0px); }
    2.7%  { transform: rotate(-38deg) translate(0px, 0px); }
    5.7%  { transform: rotate(-29deg) translate(0px, 0px); }
    7.2%  { transform: rotate(-29deg) translate(0px, 0px); }
    8.7%  { transform: rotate(-29deg) translate(0px, 0px); }
    12.3% { transform: rotate(-31deg) translate(0px, 0px); }
    14.7% { transform: rotate(-28deg) translate(0px, 0px); }
    17.7% { transform: rotate(-28deg) translate(0px, 0px); }
    19.5% { transform: rotate(-28deg) translate(0px, 0px); }
    21.3% { transform: rotate(-41deg) translate(0px, 0px); }
    22.2% { transform: rotate(-41deg) translate(0px, 0px); }
    24.0% { transform: rotate(-53deg) translate(0px, 0px); }
    24.9% { transform: rotate(-71deg) translate(14px, 20px); }
    25.8% { transform: rotate(-72deg) translate(14px, 20px); }
    27.9% { transform: rotate(-56deg) translate(0px, 0px); }
    30.3% { transform: rotate(-22deg) translate(0px, 0px); }
    31.8% { transform: rotate(-67deg) translate(0px, 0px); }
    33.3% { transform: rotate(-49deg) translate(0px, 0px); }
    36.3% { transform: rotate(-44deg) translate(0px, 0px); }
    39.3% { transform: rotate(-44deg) translate(0px, 0px); }
    40.8% { transform: rotate(-57deg) translate(0px, 0px); }
    41.1% { transform: rotate(-29deg) translate(0px, 0px); }
    54.0% { transform: rotate(-29deg) translate(0px, 0px); }
    56.4% { transform: rotate(-60deg) translate(0px, 0px); }
    57.6% { transform: rotate(-21deg) translate(0px, 0px); }
    59.7% { transform: rotate(-29deg) translate(-14px, 0px); }
    62.1% { transform: rotate(-36deg) translate(0px, 0px); }
    63.9% { transform: rotate(-76deg) translate(16px, 10px); }
    64.5% { transform: rotate(-82deg) translate(16px, 30px); }
    65.1% { transform: rotate(-82deg) translate(16px, 30px); }
    65.4% { transform: rotate(-72deg) translate(0px, 0px); }
    66.6% { transform: rotate(-52deg) translate(0px, 0px); }
    67.5% { transform: rotate(-52deg) translate(0px, 0px); }
    68.7% { transform: rotate(-29deg) translate(0px, 0px); }
    81.0% { transform: rotate(-29deg) translate(0px, 0px); }
    83.4% { transform: rotate(-52deg) translate(7px, 40px); }
    86.4% { transform: rotate(2deg) translate(0px, 0px); }
    89.7% { transform: rotate(2deg) translate(0px, 0px); }
    91.2% { transform: rotate(-48deg) translate(0px, 0px); }
    93.3% { transform: rotate(-15deg) translate(0px, 0px); }
    93.9% { transform: rotate(-15deg) translate(0px, 0px); }
    94.8% { transform: rotate(-49deg) translate(0px, 0px); }
    96.0% { transform: rotate(-28deg) translate(0px, 0px); }
    97.8% { transform: rotate(-28deg) translate(0px, 0px); }
    100%  { transform: rotate(-38deg) translate(0px, 0px); }
}
@keyframes alchemistRightForearm {
    0.0%  { transform: rotate(36deg); }
    2.7%  { transform: rotate(36deg); }
    5.7%  { transform: rotate(18deg); }
    8.7%  { transform: rotate(18deg); }
    12.3% { transform: rotate(24deg); }
    14.7% { transform: rotate(18deg); }
    17.7% { transform: rotate(18deg); }
    19.5% { transform: rotate(8deg); }
    21.3% { transform: rotate(76deg); }
    22.2% { transform: rotate(79deg); }
    24.0% { transform: rotate(100deg); }
    24.9% { transform: rotate(2deg); }
    25.8% { transform: rotate(3deg); }
    27.9% { transform: rotate(113deg); }
    30.3% { transform: rotate(11deg); }
    31.8% { transform: rotate(122deg); }
    33.3% { transform: rotate(67deg); }
    36.3% { transform: rotate(94deg); }
    38.4% { transform: rotate(97deg); }
    39.3% { transform: rotate(81deg); }
    40.8% { transform: rotate(66deg); }
    41.1% { transform: rotate(16deg); }
    54.0% { transform: rotate(16deg); }
    56.4% { transform: rotate(0deg); }
    57.6% { transform: rotate(82deg); }
    59.7% { transform: rotate(0deg); }
    62.1% { transform: rotate(78deg); }
    63.9% { transform: rotate(0deg); }
    65.4% { transform: rotate(0deg); }
    66.6% { transform: rotate(150deg); }
    67.5% { transform: rotate(150deg); }
    68.7% { transform: rotate(25deg); }
    81.0% { transform: rotate(25deg); }
    83.4% { transform: rotate(0deg); }
    86.4% { transform: rotate(50deg); }
    89.7% { transform: rotate(50deg); }
    91.2% { transform: rotate(139deg); }
    93.3% { transform: rotate(150deg); }
    93.9% { transform: rotate(150deg); }
    94.8% { transform: rotate(66deg); }
    96.0% { transform: rotate(18deg); }
    97.8% { transform: rotate(18deg); }
}
@keyframes alchemistLeftArm {
    0.0%  { transform: rotate(45deg) translate(0px, 0px); }
    2.7%  { transform: rotate(40deg) translate(0px, 0px); }
    5.7%  { transform: rotate(40deg) translate(0px, 0px); }
    7.2%  { transform: rotate(38deg) translate(0px, 0px); }
    8.7%  { transform: rotate(41deg) translate(0px, 0px); }
    12.3% { transform: rotate(36deg) translate(0px, 0px); }
    14.7% { transform: rotate(36deg) translate(0px, 0px); }
    17.7% { transform: rotate(70deg) translate(0px, 0px); }
    19.5% { transform: rotate(57deg) translate(2px, 19px); }
    21.3% { transform: rotate(68deg) translate(0px, 0px); }
    22.2% { transform: rotate(61deg) translate(0px, 0px); }
    24.0% { transform: rotate(71deg) translate(0px, 0px); }
    24.9% { transform: rotate(59deg) translate(-3px, 10px); }
    25.8% { transform: rotate(59deg) translate(-3px, 10px); }
    27.9% { transform: rotate(79deg) translate(0px, 0px); }
    30.3% { transform: rotate(29deg) translate(0px, 0px); }
    31.8% { transform: rotate(59deg) translate(0px, 0px); }
    33.3% { transform: rotate(59deg) translate(0px, 0px); }
    36.3% { transform: rotate(51deg) translate(0px, 0px); }
    39.3% { transform: rotate(51deg) translate(0px, 0px); }
    40.8% { transform: rotate(61deg) translate(0px, 0px); }
    41.1% { transform: rotate(39deg) translate(0px, 0px); }
    56.4% { transform: rotate(39deg) translate(0px, 0px); }
    57.6% { transform: rotate(48deg) translate(0px, 0px); }
    59.7% { transform: rotate(53deg) translate(-14px, 13px); }
    62.1% { transform: rotate(55deg) translate(0px, 0px); }
    63.9% { transform: rotate(39deg) translate(0px, 0px); }
    83.4% { transform: rotate(39deg) translate(0px, 0px); }
    85.8% { transform: rotate(46deg) translate(0px, 0px); }
    87.6% { transform: rotate(46deg) translate(0px, 0px); }
    88.8% { transform: rotate(84deg) translate(0px, 0px); }
    91.2% { transform: rotate(84deg) translate(0px, 0px); }
    93.3% { transform: rotate(114deg) translate(0px, 0px); }
    93.9% { transform: rotate(52deg) translate(-22px, 23px); }
    94.8% { transform: rotate(49deg) translate(-18px, 12px); }
    96.0% { transform: rotate(77deg) translate(0px, 0px); }
    97.8% { transform: rotate(38deg) translate(0px, 0px); }
    100%  { transform: rotate(45deg); }
}
@keyframes alchemistLeftForearm {
    0.0%  { transform: rotate(-35deg); }
    2.7%  { transform: rotate(-27deg); }
    5.7%  { transform: rotate(-31deg); }
    7.2%  { transform: rotate(-31deg); }
    8.7%  { transform: rotate(-34deg); }
    12.3% { transform: rotate(-20deg); }
    14.7% { transform: rotate(-20deg); }
    17.7% { transform: rotate(-71deg); }
    19.5% { transform: rotate(-4deg); }
    21.3% { transform: rotate(-99deg); }
    22.2% { transform: rotate(-94deg); }
    24.0% { transform: rotate(-111deg); }
    24.9% { transform: rotate(-11deg); }
    25.8% { transform: rotate(-11deg); }
    27.9% { transform: rotate(-122deg); }
    30.3% { transform: rotate(-1deg); }
    31.8% { transform: rotate(-144deg); }
    33.3% { transform: rotate(-73deg); }
    36.3% { transform: rotate(-93deg); }
    38.4% { transform: rotate(-99deg); }
    39.3% { transform: rotate(-76deg); }
    40.8% { transform: rotate(-56deg); }
    41.1% { transform: rotate(-30deg); }
    56.4% { transform: rotate(-30deg); }
    57.6% { transform: rotate(-42deg); }
    59.7% { transform: rotate(0deg); }
    62.1% { transform: rotate(-116deg); }
    63.9% { transform: rotate(-24deg); }
    87.6% { transform: rotate(-24deg); }
    88.8% { transform: rotate(-120deg); }
    89.7% { transform: rotate(-120deg); }
    91.2% { transform: rotate(-145deg); }
    93.3% { transform: rotate(-155deg); }
    93.9% { transform: rotate(0deg); }
    94.8% { transform: rotate(0deg); }
    96.0% { transform: rotate(-128deg); }
    97.8% { transform: rotate(-23deg); }
    100%  { transform: rotate(-35deg); }
}

@keyframes catEyes {
    6.6% { transform: scaleY(1); }
    7.5% { transform: scaleY(0); }
    8.4% { transform: scaleY(1); }

    12.3% { transform: scaleY(1); }
    13.2% { transform: scaleY(0); }
    14.1% { transform: scaleY(1); }

    28.5% { transform: scaleY(1); }
    29.4% { transform: scaleY(0); }
    30.3% { transform: scaleY(1); }

    42.3% { transform: scaleY(1); }
    43.2% { transform: scaleY(0); }
    44.1% { transform: scaleY(1); }

    56.7% { transform: scaleY(1); }
    57.9% { transform: scaleY(0); }
    59.1% { transform: scaleY(1); }

    61.8% { transform: scaleY(1); }
    62.7% { transform: scaleY(0); }
    63.6% { transform: scaleY(1); }

    73.2% { transform: scaleY(1); }
    74.4% { transform: scaleY(0); }
    75.6% { transform: scaleY(1); }

    81.3% { transform: scaleY(1); }
    82.2% { transform: scaleY(0); }
    83.1% { transform: scaleY(1); }

    96.0% { transform: scaleY(1); }
    96.9% { transform: scaleY(0); }
    97.8% { transform: scaleY(1); }
}
@keyframes cat {
    8.1% { transform: translateY(0px); }
    8.7% { transform: translateY(10px); }
    9.3% { transform: translateY(10px); }
    12.3% { transform: translateY(0px); }

    19.2% { transform: translateY(0px); }
    20.7% { transform: translateY(10px); }
    21.3% { transform: translateY(10px); }
    21.9% { transform: translateY(0px); }

    36.0% { transform: translateY(0px); }
    37.2% { transform: translateY(10px); }
    38.4% { transform: translateY(10px); }
    39.3% { transform: translateY(22px); }
    41.1% { transform: translateY(0px); }

    43.5% { transform: translateY(0px); }
    44.4% { transform: translateY(10px); }
    45.3% { transform: translateY(10px); }
    46.8% { transform: translateY(0px); }

    48.6% { transform: translateY(0px); }
    49.5% { transform: translateY(10px); }
    56.7% { transform: translateY(10px); }
    58.5% { transform: translateY(0px); }

    75.9% { transform: translateY(0px); }
    76.5% { transform: translateY(10px); }
    78.3% { transform: translateY(10px); }
    81.0% { transform: translateY(0px); }
}
@keyframes catHand {
    8.1% { transform: translateY(0px); }
    8.7% { transform: translateY(-10px); }
    9.3% { transform: translateY(-10px); }
    12.3% { transform: translateY(0px); }

    19.2% { transform: translateY(0px); }
    20.7% { transform: translateY(-10px); }
    21.3% { transform: translateY(-10px); }
    21.9% { transform: translateY(0px); }

    36.0% { transform: translateY(0px); }
    37.2% { transform: translateY(-10px); }
    38.4% { transform: translateY(-10px); }
    39.3% { transform: translateY(-22px); }
    41.1% { transform: translateY(0px); }

    43.5% { transform: translateY(0px); }
    44.4% { transform: translateY(-10px); }
    45.3% { transform: translateY(-10px); }
    46.8% { transform: translateY(0px); }

    48.6% { transform: translateY(0px); }
    49.5% { transform: translateY(-10px); }
    56.7% { transform: translateY(-10px); }
    58.5% { transform: translateY(0px); }

    75.9% { transform: translateY(0px); }
    76.5% { transform: translateY(-10px); }
    78.3% { transform: translateY(-10px); }
    81.0% { transform: translateY(0px); }
}

@keyframes forestGhost {
    0.0%  { transform: translate(-4px, -7px); }
    1.5%  { transform: translate(-1px, -15px); }
    3.0%  { transform: translate(1px, -20px); }
    4.5%  { transform: translate(-3px, -18px); }
    6.0%  { transform: translate(-7px, -11px); }
    7.5%  { transform: translate(-2px, -8px); }
    9.0%  { transform: translate(38px, 34px); }
    10.5% { transform: translate(40px, 34px); }
    12.0% { transform: translate(32px, 29px); }
    13.5% { transform: translate(26px, 20px); }
    15.0% { transform: translate(20px, 8px); }
    16.5% { transform: translate(6px, -5px); }
    18.0% { transform: translate(0px, -14px); }
    19.5% { transform: translate(-1px, -19px); }
    21.0% { transform: translate(-4px, -20px); }
    22.6% { transform: translate(-6px, -19px); }
    24.0% { transform: translate(-2px, -15px); }
    25.5% { transform: translate(1px, -9px); }
    27.0% { transform: translate(-1px, -5px); }
    28.5% { transform: translate(-4px, -3px); }
    30.0% { transform: translate(-1px, -3px); }
    31.5% { transform: translate(1px, -8px); }
    33.0% { transform: translate(-6px, -14px); }
    34.5% { transform: translate(-5px, -18px); }
    36.0% { transform: translate(-1px, -18px); }
    37.5% { transform: translate(-2px, -13px); }
    39.0% { transform: translate(-5px, -5px); }
    40.5% { transform: translate(-4px, 2px); }
    42.0% { transform: translate(0px, 5px); }
    43.5% { transform: translate(0px, 3px); }
    45.0% { transform: translate(-4px, -1px); }
    46.5% { transform: translate(-2px, -5px); }
    48.0% { transform: translate(15px, -3px); }
    49.5% { transform: translate(56px, -1px); }
    51.0% { transform: translate(50px, 0px); }
    52.5% { transform: translate(41px, -2px); }
    54.0% { transform: translate(34px, -3px); }
    55.5% { transform: translate(32px, -3px); }
    57.0% { transform: translate(27px, -4px); }
    58.5% { transform: translate(12px, -6px); }
    60.0% { transform: translate(1px, -7px); }
    61.5% { transform: translate(3px, -7px); }
    63.0% { transform: translate(5px, -8px); }
    64.5% { transform: translate(0px, -9px); }
    66.0% { transform: translate(-1px, -10px); }
    67.5% { transform: translate(2px, -10px); }
    69.0% { transform: translate(3px, -9px); }
    70.5% { transform: translate(-1px, -3px); }
    72.0% { transform: translate(-1px, 2px); }
    73.5% { transform: translate(3px, 3px); }
    75.0% { transform: translate(2px, 0px); }
    76.5% { transform: translate(-2px, -3px); }
    78.0% { transform: translate(31px, 13px); }
    79.5% { transform: translate(52px, 27px); }
    81.0% { transform: translate(54px, 22px); }
    82.5% { transform: translate(42px, 17px); }
    84.0% { transform: translate(33px, 9px); }
    85.5% { transform: translate(25px, 2px); }
    87.0% { transform: translate(9px, -6px); }
    88.5% { transform: translate(0px, -10px); }
    90.0% { transform: translate(1px, -15px); }
    91.5% { transform: translate(-2px, -15px); }
    93.0% { transform: translate(-5px, -11px); }
    94.5% { transform: translate(-3px, -5px); }
    96.0% { transform: translate(0px, -1px); }
    97.5% { transform: translate(0px, 0px); }
    100%  { transform: translate(0px, 0px); }
}
@keyframes forestGhostLeg {
    0.0%  { transform: rotate(-5deg); }
    1.5%  { transform: rotate(7deg); }
    3.0%  { transform: rotate(1deg); }
    4.5%  { transform: rotate(-6deg); }
    6.0%  { transform: rotate(-6deg); }
    7.5%  { transform: rotate(7deg); }
    9.0%  { transform: rotate(15deg); }
    10.5% { transform: rotate(-3deg); }
    12.0% { transform: rotate(-13deg); }
    13.5% { transform: rotate(2deg); }
    15.0% { transform: rotate(6deg); }
    16.5% { transform: rotate(-9deg); }
    18.0% { transform: rotate(1deg); }
    19.5% { transform: rotate(5deg); }
    21.0% { transform: rotate(-7deg); }
    22.6% { transform: rotate(-3deg); }
    24.0% { transform: rotate(8deg); }
    25.5% { transform: rotate(5deg); }
    27.0% { transform: rotate(-3deg); }
    28.5% { transform: rotate(-8deg); }
    30.0% { transform: rotate(7deg); }
    31.5% { transform: rotate(3deg); }
    33.0% { transform: rotate(-8deg); }
    34.5% { transform: rotate(3deg); }
    36.0% { transform: rotate(9deg); }
    37.5% { transform: rotate(-2deg); }
    39.0% { transform: rotate(-11deg); }
    40.5% { transform: rotate(0deg); }
    42.0% { transform: rotate(9deg); }
    43.5% { transform: rotate(0deg); }
    45.0% { transform: rotate(-10deg); }
    46.5% { transform: rotate(4deg); }
    48.0% { transform: rotate(10deg); }
    49.5% { transform: rotate(-5deg); }
    51.0% { transform: rotate(-8deg); }
    52.5% { transform: rotate(7deg); }
    54.0% { transform: rotate(-10deg); }
    55.5% { transform: rotate(3deg); }
    57.0% { transform: rotate(8deg); }
    58.5% { transform: rotate(-6deg); }
    60.0% { transform: rotate(-7deg); }
    61.5% { transform: rotate(8deg); }
    63.0% { transform: rotate(4deg); }
    64.5% { transform: rotate(-7deg); }
    66.0% { transform: rotate(2deg); }
    67.5% { transform: rotate(9deg); }
    69.0% { transform: rotate(0deg); }
    70.5% { transform: rotate(-9deg); }
    72.0% { transform: rotate(1deg); }
    73.5% { transform: rotate(9deg); }
    75.0% { transform: rotate(-3deg); }
    76.5% { transform: rotate(-8deg); }
    78.0% { transform: rotate(-2deg); }
    79.5% { transform: rotate(2deg); }
    81.0% { transform: rotate(5deg); }
    82.5% { transform: rotate(-12deg); }
    84.0% { transform: rotate(4deg); }
    85.5% { transform: rotate(9deg); }
    87.0% { transform: rotate(-7deg); }
    88.5% { transform: rotate(0deg); }
    90.0% { transform: rotate(11deg); }
    91.5% { transform: rotate(-2deg); }
    93.0% { transform: rotate(-10deg); }
    94.5% { transform: rotate(4deg); }
    96.0% { transform: rotate(9deg); }
    97.5% { transform: rotate(-3deg); }
    100%  { transform: rotate(0deg); }
}

@keyframes potBubble1 {
    0.0%  { transform: scale(0.7); }
    8.7%  { transform: scale(1.5); }
    90.0% { transform: scale(0.0); }
    11.7% { transform: scale(0.0); }
    23.4% { transform: scale(1.5); }
    23.7% { transform: scale(0.0); }
    27.0% { transform: scale(0.0); }
    38.1% { transform: scale(1.5); }
    38.4% { transform: scale(0.0); }
    42.0% { transform: scale(0.0); }
    52.8% { transform: scale(1.5); }
    53.1% { transform: scale(0.0); }
    63.9% { transform: scale(1.5); }
    64.2% { transform: scale(0.0); }
    67.5% { transform: scale(0.0); }
    78.3% { transform: scale(1.5); }
    78.6% { transform: scale(0.0); }
    81.6% { transform: scale(0.0); }
    93.3% { transform: scale(1.5); }
    93.6% { transform: scale(0.0); }
    96.6% { transform: scale(0.0); }
    100%  { transform: scale(0.7); }
}
@keyframes potBubble2 {
    0.0%  { transform: scale(0.8); }
    3.6%  { transform: scale(1); }
    4.2%  { transform: scale(0); }
    8.4%  { transform: scale(0); }
    15.6% { transform: scale(1); }
    15.9% { transform: scale(0); }
    18.9% { transform: scale(0); }
    27.6% { transform: scale(1); }
    27.9% { transform: scale(0); }
    31.2% { transform: scale(0); }
    39.0% { transform: scale(1); }
    39.3% { transform: scale(0); }
    50.7% { transform: scale(1); }
    51.0% { transform: scale(0); }
    56.4% { transform: scale(1); }
    56.7% { transform: scale(0); }
    60.3% { transform: scale(0); }
    67.5% { transform: scale(1); }
    67.8% { transform: scale(0); }
    72.0% { transform: scale(0); }
    79.5% { transform: scale(1); }
    79.8% { transform: scale(0); }
    83.7% { transform: scale(0); }
    90.9% { transform: scale(1); }
    91.2% { transform: scale(0); }
    95.4% { transform: scale(0); }
    100%  { transform: scale(0.8); }
}
@keyframes potBubble3 {
    0.0%  { transform: scale(0.6); }
    7.2%  { transform: scale(1.6); }
    7.5%  { transform: scale(0.0); }
    8.7%  { transform: scale(0.0); }
    18.9% { transform: scale(1.6); }
    19.2% { transform: scale(0.0); }
    23.1% { transform: scale(0.0); }
    30.9% { transform: scale(1.6); }
    31.2% { transform: scale(0.0); }
    34.8% { transform: scale(0.0); }
    42.6% { transform: scale(1.6); }
    42.9% { transform: scale(0.0); }
    46.2% { transform: scale(0.0); }
    54.0% { transform: scale(1.6); }
    54.3% { transform: scale(0.0); }
    59.7% { transform: scale(1.6); }
    60.0% { transform: scale(0.0); }
    63.6% { transform: scale(0.0); }
    71.1% { transform: scale(1.6); }
    71.4% { transform: scale(0.0); }
    75.0% { transform: scale(0.0); }
    82.8% { transform: scale(1.6); }
    83.1% { transform: scale(0.0); }
    86.7% { transform: scale(0.0); }
    94.5% { transform: scale(1.6); }
    94.8% { transform: scale(0.0); }
    100%  { transform: scale(0.6); }
}
@keyframes potLiquid2 {
    0.0%  { transform: scaleY(1); }
    2.7%  { transform: scaleY(1.1); }
    3.0%  { transform: scaleY(0.8); }

    6.3% { transform: scaleY(0.5); }
    15.3% { transform: scaleY(1.1); }
    15.6% { transform: scaleY(0.8); }

    18.9% { transform: scaleY(0.5); }
    27.9% { transform: scaleY(1.1); }
    28.2% { transform: scaleY(0.8); }

    31.5% { transform: scaleY(0.5); }
    40.5% { transform: scaleY(1.1); }
    40.8% { transform: scaleY(0.8); }

    44.1% { transform: scaleY(0.5); }
    53.1% { transform: scaleY(1.1); }
    53.4% { transform: scaleY(0.8); }

    54.9% { transform: scaleY(0.5); }
    63.9% { transform: scaleY(1.1); }
    64.2% { transform: scaleY(0.8); }

    67.5% { transform: scaleY(0.5); }
    76.5% { transform: scaleY(1.1); }
    76.8% { transform: scaleY(0.8); }
}
@keyframes potDrop {
    0.0%  { transform: translateY(107px); }

    15.2% { transform: translateY(107px); }
    15.3% { transform: translateY(10px); }
    16.2% { transform: translateY(107px); }

    27.8% { transform: translateY(107px); }
    27.9% { transform: translateY(10px); }
    28.8% { transform: translateY(107px); }

    40.4% { transform: translateY(107px); }
    40.5% { transform: translateY(10px); }
    41.4% { transform: translateY(107px); }

    53.0% { transform: translateY(107px); }
    53.1% { transform: translateY(10px); }
    54.0% { transform: translateY(107px); }

    63.8% { transform: translateY(107px); }
    63.9% { transform: translateY(10px); }
    64.8% { transform: translateY(107px); }

    76.4% { transform: translateY(107px); }
    76.5% { transform: translateY(10px); }
    77.4% { transform: translateY(107px); }
    100%  { transform: translateY(107px); }
}

@keyframes potPotion1 {
    0%  { transform: scaleY(0.7); }
    12% { transform: scaleY(1.1); }
    21% { transform: scaleY(0.7); }
    33% { transform: scaleY(1.1); }
    42% { transform: scaleY(0.7); }
    51% { transform: scaleY(1.1); }
    63% { transform: scaleY(0.7); }
    72% { transform: scaleY(1.1); }
    81% { transform: scaleY(0.7); }
    90% { transform: scaleY(1.1); }
}
@keyframes potPotion2 {
    0%  { transform: scaleY(2.6); }
    9%  { transform: scaleY(1); }
    21% { transform: scaleY(2.6); }
    30% { transform: scaleY(1); }
    39% { transform: scaleY(2.6); }
    51% { transform: scaleY(1); }
    60% { transform: scaleY(2.6); }
    69% { transform: scaleY(1); }
    81% { transform: scaleY(2.6); }
    90% { transform: scaleY(1); }
}
@keyframes potPotion3 {
    0%  { transform: scaleY(1); }
    18% { transform: scaleY(0.5); }
    30% { transform: scaleY(1); }
    45% { transform: scaleY(0.5); }
    66% { transform: scaleY(1); }
    81% { transform: scaleY(0.5); }
}

@keyframes snail {
    13.5% { transform: translate(0px, 0px); }
    14.4% { transform: translate(-24px, 0px); }
    15.6% { transform: translate(-19px, 0px); }
    16.5% { transform: translate(-42px, 0px); }
    17.7% { transform: translate(-39px, 0px); }
    18.6% { transform: translate(-63px, 0px); }
    19.8% { transform: translate(-59px, 0px); }
    20.1% { transform: translate(-61px, 0px); }
    20.4% { transform: translate(-61px, 0px); }
    20.7% { transform: translate(-68px, 0px); }
    21.0% { transform: translate(-74px, 0px); }
    21.3% { transform: translate(-79px, 0px); }
    21.6% { transform: translate(-82px, 0px); }
    21.9% { transform: translate(-84px, 0px); }
    24.3% { transform: translate(-84px, 0px); }
    24.6% { transform: translate(-84px, 15px); }
    24.9% { transform: translate(-84px, 46px); }
    25.2% { transform: translate(-84px, 61px); }
    25.5% { transform: translate(-84px, 86px); }
    25.8% { transform: translate(-84px, 116px); }
    26.1% { transform: translate(-84px, 196px); }
    26.4% { transform: translate(-84px, 286px); opacity: 1; }
    26.5% { opacity: 0; }

    84.5% { opacity: 0; }
    84.6% { transform: rotate(-40deg) translate(199px, 135px); opacity: 1; }
    85.8% { transform: rotate(-5deg) translate(30px, 1px); }
    86.4% { transform: rotate(0deg) translate(0px, 0px); }
    100%  { transform: rotate(0deg) translate(0px, 0px); }
}
@keyframes snailBody {
    7.5%  { transform: rotate(0deg) scaleY(1); }
    7.8%  { transform: rotate(8deg) scaleY(1.15); }
    9.0%  { transform: rotate(-3deg) scaleY(1); }
    9.6%  { transform: rotate(-2deg) scaleY(1.02); }
    10.5% { transform: rotate(2deg) scaleY(1); }
    11.4% { transform: rotate(2deg) scaleY(1); }
    12.6% { transform: rotate(0deg) scaleY(1); }
    13.5% { transform: rotate(0deg) scaleY(1.03) scaleX(0.95); }
    14.4% { transform: rotate(0deg) scaleY(1.03) scaleX(0.95); }
    15.6% { transform: rotate(0deg) scaleY(1.04) scaleX(0.95); }
    16.5% { transform: rotate(0deg) scaleY(0.97) scaleX(1); }
    17.7% { transform: rotate(0deg) scaleY(1.03) scaleX(0.96); }
    18.6% { transform: rotate(0deg) scaleY(0.98) scaleX(1.04); }
    19.8% { transform: rotate(0deg) scaleY(1.03) scaleX(0.96); }
    20.1% { transform: rotate(0deg) scaleY(1) scaleX(0.96); }
    20.4% { transform: rotate(0deg) scaleY(1) scaleX(0.96); }
    20.7% { transform: rotate(0deg) scaleY(1) scaleX(1) translate(0px, 11px); }
    21.0% { transform: rotate(0deg) scaleY(1) scaleX(1) translate(0px, 19px); }
    21.3% { transform: rotate(0deg) scaleY(1) scaleX(1) translate(0px, 26px); }
    21.6% { transform: rotate(0deg) scaleY(1) scaleX(1) translate(0px, 30px); }
    21.9% { transform: rotate(0deg) scaleY(1) scaleX(1) translate(0px, 33px); }
    26.4% { transform: rotate(0deg) scaleY(1) scaleX(1) translate(0px, 33px); }

    84.6% { transform: rotate(-90deg) translate(29px, 29px); }
    87.6% { transform: rotate(-90deg) translate(29px, 29px); }
    88.8% { transform: rotate(0deg) translate(0px, 0px); }
    100%  { transform: rotate(0deg) translate(0px, 0px); }
}
@keyframes snailEye {
    7.2%  { transform: translate(0px, 0px); background: #012135; }
    7.5%  { transform: translate(0px, 0px); background: #29a58c; }
    7.8%  { transform: translate(0px, 0px); background: #29a58c; }
    9.0%  { transform: translate(-2px, 3px) scaleY(1); background: #29a58c; }
    9.6%  { transform: translate(-2px, 3px) scaleY(0); background: #29a58c; }
    10.2% { transform: translate(-2px, 3px) scaleY(0); background: #29a58c; }
    10.5% { transform: translate(-2px, 3px) scaleY(1); background: #29a58c; }
    11.4% { transform: translate(0px, 0px) scaleY(1); background: #29a58c; }
    11.7% { transform: translate(0px, 0px) scaleY(1); background: #29a58c; }
    12.0% { transform: translate(0px, 0px) scaleY(0); background: #29a58c; }
    12.3% { transform: translate(0px, 0px) scaleY(0); background: #29a58c; }
    12.6% { transform: translate(0px, 0px) scaleY(1); background: #29a58c; }
    15.9% { transform: translate(0px, 0px) scaleY(1); background: #012135; }
    16.2% { transform: translate(0px, 0px) scaleY(0); background: #012135; }
    16.5% { transform: translate(0px, 0px) scaleY(0); background: #012135; }
    16.8% { transform: translate(0px, 0px) scaleY(1); background: #012135; }
    20.4% { transform: translate(0px, 0px) scaleY(1); background: #012135; }
    20.7% { transform: translate(0px, 2px) scaleY(1); background: #012135; }
    21.3% { transform: translate(0px, 2px) scaleY(1); background: #012135; }
    21.6% { transform: translate(0px, 4px) scaleY(1); background: #012135; }
    21.9% { transform: translate(0px, 7px) scaleY(1); background: #012135; }
    22.2% { transform: translate(0px, 20px) scaleY(1); background: #012135; }
    22.5% { transform: translate(0px, 34px) scaleY(1); background: #012135; }
    22.8% { transform: translate(0px, 52px) scaleY(0); background: #012135; }
    23.1% { transform: translate(0px, 71px) scaleY(0); background: #012135; }
    23.4% { transform: translate(-6px, 76px) scaleY(1); background: #012135; }
    23.7% { transform: translate(-6px, 90px) scaleY(1); background: #012135; }
    24.0% { transform: translate(-6px, 104px) scaleY(1); background: #012135; }
    24.3% { transform: translate(-6px, 117px) scaleY(1); background: #012135; }
    26.4% { transform: translate(-6px, 117px) scaleY(1); background: #012135; opacity: 1; }
    26.5% { opacity: 0; }

    94.4% { transform: translate(-162px, 40px); opacity: 0; }
    94.5% { transform: translate(-162px, 40px); opacity: 1; }
    95.1% { transform: translate(-87px, 38px); opacity: 1; }
    95.7% { transform: translate(0px, 0px); opacity: 1; }
}
@keyframes snailRightEye {
    7.5%  { transform: rotate(36deg) translate(0px, 0px); }
    7.8%  { transform: rotate(22deg) translate(-8px, -1px); }
    9.0%  { transform: rotate(36deg) translate(1px, 2px); }
    9.6%  { transform: rotate(41deg) translate(2px, 2px); }
    10.5% { transform: rotate(36deg) translate(-1px, -2px); }
    11.4% { transform: rotate(34deg) translate(-5px, -2px); }
    12.6% { transform: rotate(45deg) translate(1px, -2px); }
    13.5% { transform: rotate(45deg) translate(1px, -2px); }
    14.4% { transform: rotate(36deg) translate(1px, -3px); }
    20.4% { transform: rotate(36deg) translate(1px, -3px); }
    20.7% { transform: rotate(36deg) translate(2px, 0px); }
    21.0% { transform: rotate(41deg) translate(1px, 0px); }
    21.3% { transform: rotate(41deg) translate(1px, 0px); }
    21.6% { transform: rotate(41deg) translate(3px, 1px); }
    21.9% { transform: rotate(41deg) translate(5px, 4px); }
    22.2% { transform: rotate(41deg) translate(12px, 15px); }
    22.5% { transform: rotate(41deg) translate(20px, 28px); }
    22.8% { transform: rotate(41deg) translate(27px, 40px); }
    23.1% { transform: rotate(41deg) translate(36px, 52px); }
    23.4% { transform: rotate(41deg) translate(44px, 62px); }
    23.7% { transform: rotate(41deg) translate(52px, 73px); }
    24.0% { transform: rotate(41deg) translate(61px, 85px); }
    24.3% { transform: rotate(41deg) translate(69px, 96px); }
    24.6% { transform: rotate(41deg) translate(67px, 95px); }
    26.4% { transform: rotate(41deg) translate(67px, 95px); opacity: 1; }
    26.5% { opacity: 0; }

    91.8% { transform: rotate(36deg) translate(0px, 27px); opacity: 0; }
    93.0% { transform: rotate(36deg) translate(0px, 0px); opacity: 1; }
}
@keyframes snailLeftEye {
    7.5%  { transform: rotate(-36deg) translate(0px, 0px); }
    7.8%  { transform: rotate(-60deg) translate(-8px, 1px); }
    9.0%  { transform: rotate(-40deg) translate(-4px, 2px); }
    9.6%  { transform: rotate(-34deg) translate(0px, 1px); }
    10.5% { transform: rotate(-48deg) translate(-1px, 1px); }
    11.4% { transform: rotate(-50deg) translate(-3px, 0px); }
    12.6% { transform: rotate(-36deg) translate(2px, 0px); }
    13.5% { transform: rotate(-36deg) translate(2px, 0px); }
    14.4% { transform: rotate(-40deg) translate(1px, 0px); }
    15.6% { transform: rotate(-40deg) translate(0px, 0px); }
    20.4% { transform: rotate(-40deg) translate(0px, 0px); }
    20.7% { transform: rotate(-40deg) translate(-1px, 3px); }
    21.0% { transform: rotate(-38deg) translate(0px, 3px); }
    21.3% { transform: rotate(-38deg) translate(0px, 3px); }
    21.6% { transform: rotate(-38deg) translate(-2px, 3px); }
    21.9% { transform: rotate(-38deg) translate(-4px, 6px); }
    22.2% { transform: rotate(-38deg) translate(-13px, 17px); }
    22.5% { transform: rotate(-38deg) translate(-22px, 28px); }
    22.8% { transform: rotate(-38deg) translate(-32px, 38px); }
    23.1% { transform: rotate(-38deg) translate(-42px, 48px); }
    23.4% { transform: rotate(-38deg) translate(-50px, 59px); }
    23.7% { transform: rotate(-38deg) translate(-59px, 69px); }
    24.0% { transform: rotate(-38deg) translate(-68px, 79px); }
    24.3% { transform: rotate(-38deg) translate(-78px, 90px); }
    24.6% { transform: rotate(-38deg) translate(-78px, 89px); }
    26.4% { transform: rotate(-38deg) translate(-78px, 89px); opacity: 1; }
    26.5% { opacity: 0; }

    91.8% { transform: rotate(-36deg) translate(0px, 24px); opacity: 0; }
    93.0% { transform: rotate(-36deg) translate(0px, 0px); opacity: 1; }
}
@keyframes snailTail {
    12.6% { transform: scaleX(1); }
    13.5% { transform: scaleX(0.77) scaleY(1.2); }
    14.4% { transform: scaleX(1.05) scaleY(1); }
    15.6% { transform: scaleX(0.75) scaleY(1.2); }
    16.5% { transform: scaleX(1.03) scaleY(1); }
    17.7% { transform: scaleX(0.76) scaleY(1.15); }
    18.6% { transform: scaleX(1.05) scaleY(1); }
    19.8% { transform: scaleX(0.75) scaleY(1.15); }
    20.1% { transform: scaleX(0.78) scaleY(1.15); }
    20.4% { transform: scaleX(0.78) scaleY(1.15); }
    20.7% { transform: scaleX(0.86) scaleY(1.1); }
    21.0% { transform: scaleX(0.93) scaleY(1.1); }
    21.3% { transform: scaleX(0.99) scaleY(1); }
    21.6% { transform: scaleX(1.03) scaleY(1); }
    21.9% { transform: scaleX(1.05) scaleY(1); }
    22.2% { transform: scaleX(0.98) scaleY(1); }
    22.5% { transform: scaleX(0.85) scaleY(1); }
    22.8% { transform: scaleX(0.73) scaleY(1.3); }
    23.1% { transform: scaleX(0.60) scaleY(1.3); }
    23.4% { transform: scaleX(0.53) scaleY(1.3); }
    23.7% { transform: scaleX(0.48) scaleY(1.3); }
    24.0% { transform: scaleX(0.4) scaleY(1); }
    24.3% { transform: scaleX(0.4) scaleY(1); opacity: 1; }
    24.6% { transform: scaleX(0.4) scaleY(1); opacity: 0; }

    84.5% { opacity: 0; }
    84.6% { transform: scaleX(1) scaleY(1); opacity: 1; }
}
@keyframes snailSpots {
    20.4% { transform: translate(0px, 0px); }
    20.7% { transform: translate(0px, -6px); }
    21.0% { transform: translate(0px, -12px); }
    21.3% { transform: translate(0px, -17px); }
    21.6% { transform: translate(0px, -21px); }
    21.9% { transform: translate(0px, -23px); }
    22.2% { transform: translate(0px, -15px); }
    22.5% { transform: translate(0px, -1px); }
    22.8% { transform: translate(0px, 15px); }
    23.1% { transform: translate(0px, 29px); }
    23.4% { transform: translate(0px, 35px); }
    23.7% { transform: translate(0px, 35px); }
    24.0% { transform: translate(0px, 37px); }
    24.3% { transform: translate(0px, 52px); }
    24.6% { transform: translate(0px, 32px); }
    84.6% { transform: translate(0px, 0px); }
}
@keyframes snailTummyTop {
    20.4% { transform: translate(0px, 0px); }
    20.7% { transform: translate(0px, -10px); }
    21.9% { transform: translate(0px, -10px); }
    22.2% { transform: translate(0px, -5px); }
    22.5% { transform: translate(0px, 0px); }
    22.8% { transform: translate(0px, 12px) scaleY(1); }
    23.1% { transform: translate(0px, 16px) scaleY(1.8); }
    23.4% { transform: translate(0px, 20px) scaleY(1.9); }
    24.0% { transform: translate(0px, 20px) scaleY(1.9); }
    24.3% { transform: translate(0px, 7px) scaleY(1.5); }
    24.6% { transform: translate(0px, 7px) scaleY(1.5); }
    24.9% { transform: translate(0px, 7px) scaleY(2.5); }
    25.2% { transform: translate(0px, 7px) scaleY(2.8); }
    25.5% { transform: translate(0px, 7px) scaleY(3); }
    25.8% { transform: translate(0px, 7px) scaleY(3.7); }
    26.1% { transform: translate(0px, 7px) scaleY(5); }
    26.4% { transform: translate(0px, 7px) scaleY(5); }
    84.6% { transform: translate(0px, 0px); }
}
@keyframes snailTummyBottom {
    20.4% { transform: translate(0px, 0px); }
    20.7% { transform: translate(0px, -6px); }
    21.0% { transform: translate(0px, -12px); }
    21.3% { transform: translate(0px, -17px); }
    21.6% { transform: translate(0px, -21px); }
    21.9% { transform: translate(0px, -23px); }
    22.2% { transform: translate(0px, -15px); }
    22.5% { transform: translate(0px, -1px); }
    22.8% { transform: translate(0px, 15px); }
    23.1% { transform: translate(0px, 29px); }
    23.4% { transform: translate(0px, 35px) scaleY(1); }
    23.7% { transform: translate(0px, 35px) scaleY(1.45); }
    24.0% { transform: translate(0px, 37px) scaleY(1.8); }
    24.3% { transform: translate(0px, 52px) scaleY(2); }
    24.6% { transform: translate(0px, 32px) scaleY(2.7); }
    26.4% { transform: translate(0px, 32px) scaleY(2.7); }

    84.6% { transform: translate(0px, 0px) scaleY(1); }
}
@keyframes snailHead {
    21.9% { transform: translateY(0px); }
    22.2% { transform: translateY(4px); }
    22.5% { transform: translateY(26px); }
    22.8% { transform: translateY(54px); }
    23.1% { transform: translateY(68px); }
    23.4% { transform: translateY(79px); }
    23.7% { transform: translateY(93px); }
    24.0% { transform: translateY(105px); }
    24.3% { transform: translateY(119px); }
    24.6% { transform: translateY(116px); }
    24.9% { transform: translateY(100px); }
    26.4% { transform: translateY(100px); opacity: 1; }
    26.5% { opacity: 0; }

    87.6% { transform: translateY(10px); opacity: 0; }
    88.2% { transform: translateY(0px); opacity: 1; }
    100%  { opacity: 1; }
}
@keyframes snailSpike1 {
    21.9% { transform: rotate(79deg) translateY(0px); opacity: 1; }
    22.2% { transform: rotate(79deg) translateY(0px); opacity: 0; }
    22.5% { transform: rotate(5deg) translate(-34px, -51px); opacity: 1; }
    22.8% { transform: rotate(0deg) translate(-32px, -58px); opacity: 1; }
    23.1% { transform: rotate(0deg) translate(-34px, -54px); opacity: 1; }
    23.4% { transform: rotate(0deg) translate(-34px, -52px); opacity: 1; }
    24.6% { transform: rotate(0deg) translate(-34px, -52px); opacity: 1; }
    24.9% { transform: rotate(41deg) translate(55px, 82px); opacity: 1; }
    26.4% { transform: rotate(41deg) translate(55px, 82px); opacity: 1; }

    84.6% { transform: rotate(79deg) translate(0px, 0px); opacity: 1; }
}
@keyframes snailSpike2 {
    21.9% { transform: rotate(90deg) translateY(0px); opacity: 1; }
    22.2% { transform: rotate(90deg) translateY(0px); opacity: 0; }
    22.5% { transform: rotate(90deg) translateY(0px); opacity: 0; }
    22.8% { transform: rotate(19deg) translate(-53px, -84px); opacity: 1; }
    23.1% { transform: rotate(5deg) translate(-42px, -104px); opacity: 1; }
    23.4% { transform: rotate(0deg) translate(-35px, -101px); opacity: 1; }
    24.3% { transform: rotate(0deg) translate(-35px, -101px); opacity: 1; }
    24.6% { transform: rotate(0deg) translate(-35px, -96px); opacity: 1; }
    24.9% { transform: rotate(-38deg) translate(-68px, 74px); opacity: 1; }
    26.4% { transform: rotate(-38deg) translate(-68px, 74px); opacity: 1; }

    84.6% { transform: rotate(90deg) translate(0px, 0px); opacity: 1; }
}
@keyframes snailTailSpike {
    0.0%  { opacity: 1; }
    84.5% { opacity: 1; }
    84.6% { opacity: 0; }
    87.6% { opacity: 0; }
    88.2% { opacity: 1; }
    100%  { opacity: 1; }
}

@keyframes piggy {
    0.0%  { opacity: 0; }
    20.3% { opacity: 0; }
    20.4% { opacity: 1; }
    34.8% { transform: scaleX(1)    scaleY(1)    translate(0px, 0px)    skew(0deg); }
    37.2% { transform: scaleX(0.75) scaleY(1.25) translate(7px, 0px)    skew(0deg); }
    39.0% { transform: scaleX(0.75) scaleY(1.25) translate(7px, 0px)    skew(0deg); }
    40.2% { transform: scaleX(1.1)  scaleY(0.9)  translate(-3px, 0px)   skew(0deg); }
    41.1% { transform: scaleX(0.95) scaleY(1.05) translate(1px, 0px)    skew(0deg); }
    41.7% { transform: scaleX(1.03) scaleY(0.97) translate(0px, 0px)    skew(0deg); }
    42.3% { transform: scaleX(1)    scaleY(1)    translate(0px, 0px)    skew(0deg); }
    47.7% { transform: scaleX(1)    scaleY(1)    translate(0px, 0px)    skew(0deg); }
    48.6% { transform: scaleX(1)    scaleY(1.03) translate(0px, 0px)    skew(-6deg); }
    49.5% { transform: scaleX(1)    scaleY(1)    translate(0px, 0px)    skew(7deg); }
    50.4% { transform: scaleX(1)    scaleY(1)    translate(0px, 0px)    skew(-4deg); }
    51.0% { transform: scaleX(1)    scaleY(1)    translate(-13px, 0px)  skew(-2deg); }
    51.3% { transform: scaleX(1)    scaleY(1)    translate(-21px, 0px)  skew(0deg); }
    51.6% { transform: scaleX(1)    scaleY(1)    translate(-31px, 0px)  skew(4deg); }
    51.9% { transform: scaleX(1)    scaleY(1)    translate(-43px, 0px)  skew(0deg); }
    52.2% { transform: scaleX(1)    scaleY(1)    translate(-54px, 0px)  skew(0deg); }
    52.5% { transform: scaleX(1)    scaleY(1)    translate(-64px, 0px)  skew(0deg); }
    52.8% { transform: scaleX(1)    scaleY(1)    translate(-75px, 0px)  skew(0deg); }
    53.1% { transform: scaleX(1)    scaleY(1)    translate(-86px, 0px)  skew(0deg); }
    53.4% { transform: scaleX(1)    scaleY(1)    translate(-96px, 0px)  skew(0deg); }
    53.7% { transform: scaleX(1)    scaleY(1)    translate(-104px, 0px) skew(5deg); }
    54.0% { transform: scaleX(1)    scaleY(1)    translate(-117px, 0px) skew(2deg); }
    54.3% { transform: scaleX(1)    scaleY(1)    translate(-129px, 0px) skew(0deg); }
    54.6% { transform: scaleX(1)    scaleY(1)    translate(-140px, 0px) skew(0deg); }
    54.9% { transform: scaleX(1)    scaleY(1)    translate(-150px, 0px) skew(0deg); }
    55.2% { transform: scaleX(1)    scaleY(1)    translate(-161px, 0px) skew(0deg); }
    55.5% { transform: scaleX(1)    scaleY(1)    translate(-171px, 0px) skew(0deg); }
    63.9% { transform: scaleX(1)    scaleY(1)    translate(-471px, 0px) skew(0deg); opacity: 1; }
    64.0% { opacity: 0; }
    100%  { opacity: 0; }
}
@keyframes piggyBody {
    0.0%  { transform: translate(-210px, 18px); }
    20.4% { transform: translate(-210px, 18px); }
    21.3% { transform: translate(0px, 18px); }
    22.2% { transform: translate(0px, 18px); }
    23.7% { transform: translate(0px, 0px); }
    100%  { transform: translate(0px, 0px); }
}
@keyframes piggyFrontLegs {
    0.0%  { transform: translate(-210px, 0px); }
    20.4% { transform: translate(-210px, 0px); }
    21.3% { transform: translate(0px, 0px); }
    100%  { transform: translate(0px, 0px); }
}
@keyframes piggyBackLegs {
    0.0%  { transform: translate(-210px, 0px); }
    20.4% { transform: translate(-210px, 0px); }
    21.3% { transform: translate(0px, 0px); }
    100%  { transform: translate(0px, 0px); }
}
@keyframes piggyRightEar {
    0.0%  { transform: rotate(-110deg) translate(-100px, 170px); }
    26.1% { transform: rotate(-110deg) translate(-100px, 170px); }
    27.3% { transform: rotate(0deg) translate(0px, 0px); }
    48.6% { transform: rotate(0deg) translate(0px, 0px); }
    49.5% { transform: rotate(3deg) translate(4px, 1px); }
    50.4% { transform: rotate(3deg) translate(-3px, -1px); }
    51.0% { transform: rotate(0deg) translate(0px, 0px); }
    100%  { transform: rotate(0deg) translate(0px, 0px); }
}
@keyframes piggyLeftEar {
    0.0%  { transform: rotate(120deg) translate(110px, 100px); }
    26.1% { transform: rotate(120deg) translate(110px, 100px); }
    27.3% { transform: rotate(0deg) translate(0px, 0px); }
    30.3% { transform: rotate(0deg) translate(0px, 0px); }
    47.7% { transform: rotate(0deg) translate(0px, 0px); }
    48.6% { transform: rotate(10deg) translate(2px, -5px); }
    49.5% { transform: rotate(13deg) translate(2px, 3px); }
    50.4% { transform: rotate(3deg) translate(-3px, -5px); }
    51.0% { transform: rotate(0deg) translate(0px, 0px); }
    100%  { transform: rotate(0deg) translate(0px, 0px); }
}
@keyframes piggyHair {
    0.0%  { transform: rotate(201deg) translate(19px, -97px); }
    30.3% { transform: rotate(201deg) translate(19px, -97px); }
    31.8% { transform: rotate(0deg) translate(0px, 0px); }
    100%  { transform: rotate(0deg) translate(0px, 0px); }
}
@keyframes piggyTail {
    0.0%  { transform: rotate(50deg) translate(81px, 30px); }
    30.3% { transform: rotate(50deg) translate(81px, 30px); }
    31.8% { transform: rotate(0deg) translate(0px, 0px); }
    100%  { transform: rotate(0deg) translate(0px, 0px); }
}
@keyframes piggyRightEye {
    0.0%  { opacity: 0; }
    34.8% { opacity: 0; }
    36.3% { opacity: 1; }
    48.0% { background: #1a2530; }
    49.2% { background: #29a58c; }
    53.7% { background: #29a58c; }
    54.0% { background: #1a2530; }
    100%  { opacity: 1; }
}
@keyframes piggyLeftEye {
    0.0%  { opacity: 0; }
    35.4% { opacity: 0; }
    36.9% { opacity: 1; }
    48.0% { background: #1a2530; }
    49.2% { background: #29a58c; }
    53.7% { background: #29a58c; }
    54.0% { background: #1a2530; }
    100%  { opacity: 1; }
}
@keyframes piggyMouth {
    0.0%  { transform: scale(0); }
    35.4% { transform: scale(0); }
    36.6% { transform: scale(1); }
    100%  { transform: scale(1); }
}
@keyframes piggyCheekRight {
    0.0%  { transform: scale(1.2); }
    36.6% { transform: scale(1.2); }
    37.2% { transform: scale(1); }
    38.1% { transform: scale(1.1); }
    38.7% { transform: scale(1); }
    100%  { transform: scale(1); }
}
@keyframes piggyCheekLeft {
    0.0%  { transform: scale(0.7); }
    36.6% { transform: scale(0.7); }
    37.2% { transform: scale(1.2); }
    38.1% { transform: scale(0.8); }
    38.7% { transform: scale(1); }
    100%  { transform: scale(1); }
}
@keyframes piggyFirstLeg {
    0.0%  { transform: rotate(0deg); }
    50.4% { transform: rotate(0deg); }
    51.0% { transform: rotate(-12deg); }
    51.3% { transform: rotate(-3deg) translateY(-4px); }
    51.6% { transform: rotate(-3deg) translateY(-7px); }
    51.9% { transform: rotate(6deg) translateY(-7px); }
    52.2% { transform: rotate(6deg) translateY(-7px); }
    52.5% { transform: rotate(12deg) translateY(-4px); }
    52.8% { transform: rotate(4deg) translateY(0px); }
    53.1% { transform: rotate(-11deg) translateY(0px); }
    53.4% { transform: rotate(0deg) translateY(0px); }
    54.0% { transform: rotate(-12deg); }
    54.3% { transform: rotate(-3deg) translateY(-4px); }
    54.6% { transform: rotate(-3deg) translateY(-7px); }
    54.9% { transform: rotate(6deg) translateY(-7px); }
    55.2% { transform: rotate(6deg) translateY(-7px); }
    55.5% { transform: rotate(12deg) translateY(-4px); }
    55.8% { transform: rotate(4deg) translateY(0px); }
    56.1% { transform: rotate(-11deg) translateY(0px); }
    57.4% { transform: rotate(0deg) translateY(0px); }
    58.0% { transform: rotate(0deg); }
    58.3% { transform: rotate(-12deg); }
    58.6% { transform: rotate(-3deg) translateY(-4px); }
    58.9% { transform: rotate(-3deg) translateY(-7px); }
    59.2% { transform: rotate(6deg) translateY(-7px); }
    59.5% { transform: rotate(6deg) translateY(-7px); }
    59.8% { transform: rotate(12deg) translateY(-4px); }
    60.1% { transform: rotate(4deg) translateY(0px); }
    60.4% { transform: rotate(-11deg) translateY(0px); }
    60.7% { transform: rotate(0deg) translateY(0px); }
    61.0% { transform: rotate(-12deg); }
    61.3% { transform: rotate(-3deg) translateY(-4px); }
    61.6% { transform: rotate(-3deg) translateY(-7px); }
    61.9% { transform: rotate(6deg) translateY(-7px); }
    62.2% { transform: rotate(6deg) translateY(-7px); }
    62.5% { transform: rotate(12deg) translateY(-4px); }
    62.8% { transform: rotate(4deg) translateY(0px); }
    63.1% { transform: rotate(-11deg) translateY(0px); }
    63.4% { transform: rotate(0deg) translateY(0px); }
    100%  { transform: rotate(0deg) translateY(0px); }
}
@keyframes piggySecondLeg {
    0.0%  { transform: rotate(-11deg) translateY(0px); }
    51.6% { transform: rotate(-11deg) translateY(0px); }
    51.9% { transform: rotate(-13deg) translateY(0px); }
    52.2% { transform: rotate(-35deg) translateY(0px); }
    52.5% { transform: rotate(-37deg) translateY(-3px); }
    52.8% { transform: rotate(-37deg) translateY(-3px); }
    53.1% { transform: rotate(-7deg) translateY(-3px); }
    53.4% { transform: rotate(2deg) translateY(-3px); }
    53.7% { transform: rotate(-8deg) translateY(-1px); }
    54.0% { transform: rotate(0deg) translateY(-1px); }
    54.3% { transform: rotate(-11deg) translateY(0px); }
    54.6% { transform: rotate(-13deg) translateY(0px); }
    54.9% { transform: rotate(-35deg) translateY(0px); }
    55.2% { transform: rotate(-37deg) translateY(-3px); }
    55.5% { transform: rotate(-37deg) translateY(-3px); }
    55.8% { transform: rotate(-7deg) translateY(-3px); }
    56.1% { transform: rotate(2deg) translateY(-3px); }
    56.4% { transform: rotate(-8deg) translateY(-1px); }
    56.7% { transform: rotate(0deg) translateY(-1px); }
    57.0% { transform: rotate(-11deg) translateY(0px); }
    57.3% { transform: rotate(-13deg) translateY(0px); }
    57.6% { transform: rotate(-35deg) translateY(0px); }
    57.9% { transform: rotate(-37deg) translateY(-3px); }
    58.2% { transform: rotate(-37deg) translateY(-3px); }
    58.5% { transform: rotate(-7deg) translateY(-3px); }
    58.8% { transform: rotate(2deg) translateY(-3px); }
    59.1% { transform: rotate(-8deg) translateY(-1px); }
    59.4% { transform: rotate(0deg) translateY(-1px); }
    59.7% { transform: rotate(-11deg) translateY(0px); }
    60.0% { transform: rotate(-13deg) translateY(0px); }
    60.3% { transform: rotate(-35deg) translateY(0px); }
    60.6% { transform: rotate(-37deg) translateY(-3px); }
    60.9% { transform: rotate(-37deg) translateY(-3px); }
    61.2% { transform: rotate(-7deg) translateY(-3px); }
    61.5% { transform: rotate(2deg) translateY(-3px); }
    61.8% { transform: rotate(-8deg) translateY(-1px); }
    62.1% { transform: rotate(0deg) translateY(-1px); }
    100%  { transform: rotate(0deg) translateY(-1px); }
}
@keyframes piggyThirdLeg {
    0.0%  { transform: rotate(0deg) translateY(0px); }
    49.9%  { transform: rotate(0deg) translateY(0px); }
    51.3% { transform: rotate(0deg) translateY(-7px); }
    51.6% { transform: rotate(-10deg) translateY(-10px); }
    51.9% { transform: rotate(-10deg) translateY(-10px); }
    52.2% { transform: rotate(5deg) translateY(-3px); }
    52.5% { transform: rotate(2deg) translateY(0px); }
    52.8% { transform: rotate(-18deg) translateY(0px); }
    53.1% { transform: rotate(-28deg) translateY(0px); }
    53.7% { transform: rotate(-28deg) translateY(0px); }
    54.0% { transform: rotate(-18deg) translateY(0px); }
    54.3% { transform: rotate(0deg) translateY(-3px); }
    54.6% { transform: rotate(0deg) translateY(0px); }
    54.9%  { transform: rotate(0deg) translateY(0px); }
    55.2% { transform: rotate(0deg) translateY(-7px); }
    55.5% { transform: rotate(-10deg) translateY(-10px); }
    55.8% { transform: rotate(-10deg) translateY(-10px); }
    56.1% { transform: rotate(5deg) translateY(-3px); }
    56.4% { transform: rotate(2deg) translateY(0px); }
    56.7% { transform: rotate(-18deg) translateY(0px); }
    57.0% { transform: rotate(-28deg) translateY(0px); }
    57.3% { transform: rotate(-28deg) translateY(0px); }
    57.6% { transform: rotate(-18deg) translateY(0px); }
    57.9% { transform: rotate(0deg) translateY(-3px); }
    58.2% { transform: rotate(0deg) translateY(0px); }
    58.5%  { transform: rotate(0deg) translateY(0px); }
    58.8% { transform: rotate(0deg) translateY(-7px); }
    59.1% { transform: rotate(-10deg) translateY(-10px); }
    59.4% { transform: rotate(-10deg) translateY(-10px); }
    59.7% { transform: rotate(5deg) translateY(-3px); }
    60.0% { transform: rotate(2deg) translateY(0px); }
    60.3% { transform: rotate(-18deg) translateY(0px); }
    60.6% { transform: rotate(-28deg) translateY(0px); }
    60.9% { transform: rotate(-28deg) translateY(0px); }
    61.2% { transform: rotate(-18deg) translateY(0px); }
    61.5% { transform: rotate(0deg) translateY(-3px); }
    61.8% { transform: rotate(0deg) translateY(0px); }
    62.1%  { transform: rotate(0deg) translateY(0px); }
    62.4% { transform: rotate(0deg) translateY(-7px); }
    62.7% { transform: rotate(-10deg) translateY(-10px); }
    63.0% { transform: rotate(-10deg) translateY(-10px); }
    63.3% { transform: rotate(5deg) translateY(-3px); }
    63.6% { transform: rotate(2deg) translateY(0px); }
    63.9% { transform: rotate(-18deg) translateY(0px); }
    64.2% { transform: rotate(-28deg) translateY(0px); }
    64.5% { transform: rotate(-28deg) translateY(0px); }
    64.8% { transform: rotate(-18deg) translateY(0px); }
    65.1% { transform: rotate(0deg) translateY(-3px); }
    65.4% { transform: rotate(0deg) translateY(0px); }
    100%  { transform: rotate(0deg) translateY(0px); }
}
@keyframes piggyFourthLeg {
    0.0%  { transform: rotate(0deg) translate(0px, 0px); }
    51.9% { transform: rotate(0deg) translate(0px, 0px); }
    52.2% { transform: rotate(-10deg) translate(0px, -1px); }
    52.5% { transform: rotate(-11deg) translate(0px, 0px); }
    52.8% { transform: rotate(-5deg) translate(0px, 0px); }
    53.1% { transform: rotate(0deg) translate(0px, 0px); }
    54.6% { transform: rotate(0deg) translate(0px, 0px); }
    54.9% { transform: rotate(13deg) translate(0px, -7px); }
    55.2% { transform: rotate(13deg) translate(0px, -5px); }
    55.5% { transform: rotate(0deg) translate(0px, 0px); }
    55.8% { transform: rotate(0deg) translate(0px, 0px); }
    56.1% { transform: rotate(-10deg) translate(0px, -1px); }
    56.4% { transform: rotate(-11deg) translate(0px, 0px); }
    56.7% { transform: rotate(-5deg) translate(0px, 0px); }
    57.0% { transform: rotate(0deg) translate(0px, 0px); }
    57.3% { transform: rotate(0deg) translate(0px, 0px); }
    57.6% { transform: rotate(13deg) translate(0px, -7px); }
    57.9% { transform: rotate(13deg) translate(0px, -5px); }
    58.2% { transform: rotate(0deg) translate(0px, 0px); }
    58.5% { transform: rotate(0deg) translate(0px, 0px); }
    58.8% { transform: rotate(-10deg) translate(0px, -1px); }
    59.1% { transform: rotate(-11deg) translate(0px, 0px); }
    59.4% { transform: rotate(-5deg) translate(0px, 0px); }
    59.7% { transform: rotate(0deg) translate(0px, 0px); }
    60.0% { transform: rotate(0deg) translate(0px, 0px); }
    60.3% { transform: rotate(13deg) translate(0px, -7px); }
    60.6% { transform: rotate(13deg) translate(0px, -5px); }
    60.9% { transform: rotate(0deg) translate(0px, 0px); }
    61.2% { transform: rotate(0deg) translate(0px, 0px); }
    61.5% { transform: rotate(-10deg) translate(0px, -1px); }
    61.8% { transform: rotate(-11deg) translate(0px, 0px); }
    62.1% { transform: rotate(-5deg) translate(0px, 0px); }
    62.4% { transform: rotate(0deg) translate(0px, 0px); }
    62.7% { transform: rotate(0deg) translate(0px, 0px); }
    63.0% { transform: rotate(13deg) translate(0px, -7px); }
    63.3% { transform: rotate(13deg) translate(0px, -5px); }
    63.6% { transform: rotate(0deg) translate(0px, 0px); }
    100%  { transform: rotate(0deg) translate(0px, 0px); }
}

@keyframes wasp {
    0.0%  { opacity: 0; }
    56.1% { opacity: 0; }
    56.4% { opacity: 1; }
    81.6% { transform: translate(0px, 0px); }
    82.2% { transform: translate(0px, -8px); }
    82.8% { transform: translate(43px, -30px); }
    83.4% { transform: translate(65px, -32px); }
    84.0% { transform: translate(96px, -12px); }
    84.6% { transform: translate(125px, 30px); }
    84.9% { transform: translate(142px, 0px); }
    85.5% { transform: translate(193px, -29px); }
    87.9% { transform: translate(253px, 274px); opacity: 1; }
    88.2% { opacity: 0; }
    100%  { opacity: 0; }
}
@keyframes waspLegs {
    56.4% { transform: translate(210px, -11px) rotate(-100deg); }
    57.9% { transform: translate(0px, 0px) rotate(0deg); }
    76.2% { transform: translate(0px, 0px) rotate(0deg); }
    76.5% { transform: translate(0px, 0px) rotate(0deg); }
    76.8% { transform: translate(0px, 0px) rotate(0deg); }
    77.1% { transform: translate(0px, 0px) rotate(0deg); }
    77.7% { transform: translate(0px, 0px) rotate(0deg); }
    78.9% { transform: translate(0px, 0px) rotate(0deg); }
    80.4% { transform: translate(0px, 0px) rotate(0deg); }
    81.6% { transform: translate(0px, 0px) rotate(0deg); }
    82.2% { transform: translate(-2px, -4px) rotate(15deg); }
    83.4% { transform: translate(37px, -9px) rotate(1deg); }
    84.0% { transform: translate(44px, 0px) rotate(-10deg); }
    84.6% { transform: translate(25px, -30px) rotate(0deg); }
    84.9% { transform: translate(25px, -30px) rotate(0deg); }
    85.5% { transform: translate(25px, -30px) rotate(0deg); }
    87.9% { transform: translate(25px, -30px) rotate(0deg); }
}
@keyframes waspBody {
    59.7% { transform: translate(-230px, 33px) rotate(180deg); }
    61.5% { transform: translate(0px, 0px) rotate(0deg); }
    75.9% { transform: translate(0px, 0px) rotate(0deg); }
    76.2% { transform: translate(6px, 6px) rotate(4deg); }
    76.5% { transform: translate(11px, 11px) rotate(7deg); }
    76.8% { transform: translate(13px, 14px) rotate(8deg); }
    77.1% { transform: translate(13px, 15px) rotate(4deg); }
    77.7% { transform: translate(8px, 14px) rotate(-7deg); }
    78.9% { transform: translate(-3px, -6px) rotate(-7deg); }
    80.4% { transform: translate(0px, 0px) rotate(0deg); }
    81.6% { transform: translate(-9px, 12px) rotate(6deg); }
    82.2% { transform: translate(19px, -16px) rotate(6deg); }
    82.8% { transform: translate(19px, -16px) rotate(6deg); }
    83.4% { transform: translate(19px, -16px) rotate(6deg); }
    84.0% { transform: translate(19px, -16px) rotate(6deg); }
    84.6% { transform: translate(19px, -16px) rotate(4deg); }
    84.9% { transform: translate(19px, -16px) rotate(4deg); }
    85.5% { transform: translate(19px, -16px) rotate(4deg); }
    87.9% { transform: translate(19px, -16px) rotate(4deg); }
}
@keyframes waspWing {
    65.1% { transform: rotate(-170deg) translate(-150px, 50px); }
    66.6% { transform: rotate(28deg) translate(0px, 0px); }
    75.9% { transform: rotate(28deg) translate(0px, 0px) rotateX(0deg); }
    76.2% { transform: rotate(28deg) translate(10px, 3px) rotateX(-100deg); }
    76.5% { transform: rotate(-2deg) translate(12px, 14px) rotateX(-150deg); }
    76.8% { transform: rotate(18deg) translate(20px, 12px) rotateX(-50deg); }
    77.1% { transform: rotate(30deg) translate(23px, 10px) rotateX(0deg); }
    77.7% { transform: rotate(-21deg) translate(0px, 13px) rotateX(-140deg); }
    78.3% { transform: rotate(30deg) translate(3px, 0px) rotateX(0deg); }
    78.9% { transform: rotate(-21deg) translate(0px, 3px) rotateX(-140deg); }
    79.5% { transform: rotate(30deg) translate(3px, 0px) rotateX(0deg); }
    80.1% { transform: rotate(-21deg) translate(0px, 3px) rotateX(-140deg); }
    80.7% { transform: rotate(30deg) translate(3px, 0px) rotateX(0deg); }
    82.2% { transform: rotate(30deg) translate(3px, 0px) rotateX(0deg); }
    82.5% { transform: rotate(-21deg) translate(0px, 3px) rotateX(-140deg); }
    83.1% { transform: rotate(30deg) translate(3px, 0px) rotateX(0deg); }
    83.4% { transform: rotate(-21deg) translate(0px, 3px) rotateX(-140deg); }
    84.0% { transform: rotate(30deg) translate(3px, 0px) rotateX(0deg); }
    85.2% { transform: rotate(30deg) translate(3px, 0px) rotateX(0deg); }
    85.5% { transform: rotate(-21deg) translate(0px, 3px) rotateX(-140deg); }
    86.1% { transform: rotate(30deg) translate(3px, 0px) rotateX(0deg); }
    86.4% { transform: rotate(-21deg) translate(0px, 3px) rotateX(-140deg); }
    87.0% { transform: rotate(30deg) translate(3px, 0px) rotateX(0deg); }
}
@keyframes waspLegKnee {
    76.2% { transform: rotate(146deg); }
    76.5% { transform: rotate(161deg); }
    76.8% { transform: rotate(171deg); }
    77.1% { transform: rotate(171deg); }
    77.7% { transform: rotate(171deg); }
    78.9% { transform: rotate(171deg); }
    80.4% { transform: rotate(146deg); }
    81.6% { transform: rotate(86deg); }
    82.2% { transform: rotate(222deg); }
    82.8% { transform: rotate(182deg); }
    83.4% { transform: rotate(127deg); }
    84.0% { transform: rotate(147deg); }
    84.6% { transform: rotate(127deg); }
    84.9% { transform: rotate(221deg); }
    85.5% { transform: rotate(161deg); }
    87.9% { transform: rotate(201deg); }
}
@keyframes waspLegHip {
    75.9% { transform: rotate(124deg); }
    76.2% { transform: rotate(134deg); }
    76.5% { transform: rotate(134deg); }
    76.8% { transform: rotate(134deg); }
    77.1% { transform: rotate(134deg); }
    77.7% { transform: rotate(134deg); }
    78.9% { transform: rotate(94deg); }
    80.4% { transform: rotate(123deg); }
    81.6% { transform: rotate(153deg); }
    82.2% { transform: rotate(0deg); }
    82.8% { transform: rotate(50deg); }
    83.4% { transform: rotate(112deg); }
    84.0% { transform: rotate(70deg); }
    84.6% { transform: rotate(157deg); }
    84.9% { transform: rotate(120deg); }
    87.9% { transform: rotate(0deg); }
}
@keyframes waspEye {
    75.9% { background: #012135; }
    78.6% { background: #29a58c; }
    84.0% { background: #012135; }
}

@keyframes soul {
    0.0%  { transform: scale(0, 0); }
    8.1%  { transform: scale(0, 0); }
    12.0% { transform: scale(1, 1); }
    100%  { transform: scale(1, 1); }
}
@keyframes soulPart1 {
    0.0%  { transform: translate(8px, 16px) rotate(0deg); }
    12.0% { transform: translate(8px, 16px) rotate(0deg); }
    12.9% { transform: translate(3px, 17px) rotate(0deg); }
    14.4% { transform: translate(-3px, 15px) rotate(0deg); }
    15.9% { transform: translate(-4px, 8px) rotate(0deg); }
    18.0% { transform: translate(-4px, 8px) rotate(0deg); }
    18.3% { transform: translate(6px, 18px) rotate(0deg); }
    20.7% { transform: translate(0px, -2px) rotate(0deg); }
    24.3% { transform: translate(-3px, -3px) rotate(0deg); }
    26.1% { transform: translate(-2px, -9px) rotate(0deg); }
    26.4% { transform: translate(-2px, -16px) rotate(0deg); }
    29.1% { transform: translate(-2px, -16px) rotate(0deg); }
    29.4% { transform: translate(18px, 34px) rotate(0deg); }
    31.5% { transform: translate(2px, 28px) rotate(0deg); }
    34.5% { transform: translate(6px, 21px) rotate(0deg); }
    36.3% { transform: translate(57px, 46px) rotate(0deg); }
    39.6% { transform: translate(56px, 23px) rotate(0deg); }
    42.3% { transform: translate(53px, 19px) rotate(0deg); }
    43.8% { transform: translate(51px, 24px) rotate(0deg); }
    44.1% { transform: translate(34px, 39px) rotate(0deg); }
    44.4% { transform: translate(34px, 35px) rotate(0deg); }
    44.7% { transform: translate(34px, 23px) rotate(0deg); }
    45.0% { transform: translate(34px, 1px) rotate(0deg); }
    45.3% { transform: translate(43px, -15px) rotate(0deg); }
    45.6% { transform: translate(36px, -47px) rotate(20deg); }
    45.9% { transform: translate(66px, -65px) rotate(90deg); }
    46.2% { transform: translate(100px, -48px) rotate(140deg); }
    46.5% { transform: translate(140px, -18px) rotate(150deg); }
    100%  { transform: translate(140px, -18px) rotate(150deg); }
}
@keyframes soulPart1Before {
    0.0%  { transform: scale(1, 0.7); }
    12.0% { transform: scale(1, 0.7); }
    12.9% { transform: scale(1, 0.7); }
    14.4% { transform: scale(0.9, 0.6); }
    15.9% { transform: scale(0.4, 0.6); }
    18.0% { transform: scale(0, 0); }
    20.7% { transform: scale(1, 0.7); }
    24.3% { transform: scale(1, 0.7); }
    26.1% { transform: scale(0.4, 0.3); }
    26.4% { transform: scale(0, 0); }
    29.1% { transform: scale(0, 0); }
    31.5% { transform: scale(4, 2.9); }
    34.5% { transform: scale(4, 2); }
    36.3% { transform: scale(4, 3.4); }
    39.6% { transform: scale(4, 3.8); }
    42.3% { transform: scale(4, 4); }
    43.8% { transform: scale(4, 5); }
    44.1% { transform: scale(9, 7); }
    44.7% { transform: scale(9, 7); }
    45.0% { transform: scale(8, 7); }
    45.3% { transform: scale(3, 3); }
    45.9% { transform: scale(3, 3); }
    46.2% { transform: scale(2, 3); }
    46.5% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart2 {
    0.0%  { transform: translate(8px, 8px) rotate(0deg); }
    12.0% { transform: translate(8px, 8px) rotate(0deg); }
    12.9% { transform: translate(3px, 9px) rotate(0deg); }
    14.4% { transform: translate(-3px, 9px) rotate(0deg); }
    15.9% { transform: translate(-5px, 7px) rotate(0deg); }
    18.0% { transform: translate(-2px, 1px) rotate(0deg); }
    20.7% { transform: translate(-1px, 1px) rotate(0deg); }
    24.3% { transform: translate(-4px, 5px) rotate(0deg); }
    26.1% { transform: translate(-3px, 3px) rotate(0deg); }
    29.1% { transform: translate(-1px, 0px) rotate(0deg); }
    31.5% { transform: translate(-1px, 3px) rotate(0deg); }
    34.5% { transform: translate(-4px, 5px) rotate(0deg); }
    36.3% { transform: translate(-3px, 2px) rotate(0deg); }
    39.6% { transform: translate(-1px, -1px) rotate(0deg); }
    42.3% { transform: translate(-3px, 5px) rotate(0deg); }
    43.8% { transform: translate(-4px, 5px) rotate(0deg); }
    44.1% { transform: translate(-3px, 4px) rotate(0deg); }
    44.4% { transform: translate(-2px, 0px) rotate(0deg); }
    44.7% { transform: translate(2px, -12px) rotate(0deg); }
    45.0% { transform: translate(7px, -32px) rotate(0deg); }
    45.3% { transform: translate(10px, -59px) rotate(-6deg); }
    45.6% { transform: translate(16px, -93px) rotate(14deg); }
    45.9% { transform: translate(42px, -131px) rotate(51deg); }
    46.2% { transform: translate(91px, -135px) rotate(111deg); }
    46.5% { transform: translate(142px, -101px) rotate(145deg); }
    46.8% { transform: translate(166px, -47px) rotate(170deg); }
    47.1% { transform: translate(174px, 3px) rotate(177deg); }
    47.4% { transform: translate(183px, 44px) rotate(167deg); }
    47.7% { transform: translate(204px, 66px) rotate(137deg); }
    48.0% { transform: translate(224px, 75px) rotate(87deg); }
    48.3% { transform: translate(239px, 81px) rotate(87deg); }
    48.6% { transform: translate(245px, 88px) rotate(87deg); }
    48.9% { transform: translate(250px, 93px) rotate(87deg); }
    49.2% { transform: translate(250px, 93px) rotate(87deg); }
    100%  { transform: translate(250px, 93px) rotate(87deg); }
}
@keyframes soulPart2Before {
    0.0%  { transform: scale(1, 1); }
    14.4% { transform: scale(1, 1); }
    15.9% { transform: scale(1.4, 1); }
    18.0% { transform: scale(1.4, 1); }
    20.7% { transform: scale(1, 1); }
    24.3% { transform: scale(1.2, 1); }
    26.1% { transform: scale(1.4, 1.2); }
    29.1% { transform: scale(1.1, 1); }
    31.5% { transform: scale(1.1, 1); }
    34.5% { transform: scale(1.3, 1); }
    36.3% { transform: scale(1.3, 1.3); }
    39.6% { transform: scale(1, 1); }
    42.3% { transform: scale(1, 1); }
    43.8% { transform: scale(1.2, 1); }
    44.1% { transform: scale(1.2, 1.2); }
    44.4% { transform: scale(1.2, 1.2); }
    44.7% { transform: scale(1, 1.5); }
    45.0% { transform: scale(1, 1.8); }
    45.3% { transform: scale(0.7, 1.8); }
    45.6% { transform: scale(0.5, 2); }
    45.9% { transform: scale(0.3, 2.4); }
    46.2% { transform: scale(0.4, 2.4); }
    46.5% { transform: scale(0.4, 2.4); }
    46.8% { transform: scale(0.6, 2); }
    47.1% { transform: scale(0.6, 1.5); }
    47.4% { transform: scale(0.6, 1.5); }
    47.7% { transform: scale(0.6, 1); }
    48.0% { transform: scale(0.6, 1); }
    48.3% { transform: scale(0.4, 0.6); }
    48.6% { transform: scale(0.3, 0.3); }
    48.9% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart3 {
    0.0%  { transform: translate(-15px, 50px) rotate(0deg); }
    12.0% { transform: translate(-15px, 50px) rotate(0deg); }
    12.9% { transform: translate(-2px, 51px) rotate(0deg); }
    14.4% { transform: translate(3px, 39px) rotate(0deg); }
    15.9% { transform: translate(5px, 31px) rotate(0deg); }
    18.0% { transform: translate(2px, 12px) rotate(0deg); }
    20.7% { transform: translate(1px, -2px) rotate(0deg); }
    21.9% { transform: translate(-9px, 28px) rotate(0deg); }
    24.3% { transform: translate(4px, 24px) rotate(0deg); }
    26.1% { transform: translate(3px, 17px) rotate(0deg); }
    29.1% { transform: translate(0px, 2px) rotate(0deg); }
    31.5% { transform: translate(3px, -3px) rotate(0deg); }
    36.3% { transform: translate(3px, -3px) rotate(0deg); }
    39.6% { transform: translate(-29px, 17px) rotate(0deg); }
    42.3% { transform: translate(-28px, -9px) rotate(0deg); }
    43.8% { transform: translate(-28px, -9px) rotate(0deg); }
    44.1% { transform: translate(-31px, -5px) rotate(0deg); }
    44.4% { transform: translate(-28px, -16px) rotate(50deg); }
    44.7% { transform: translate(-23px, -38px) rotate(120deg); }
    45.0% { transform: translate(7px, -53px) rotate(190deg); }
    45.3% { transform: translate(48px, -36px) rotate(220deg); }
    45.6% { transform: translate(79px, 3px) rotate(250deg); }
    45.9% { transform: translate(91px, 56px) rotate(263deg); }
    46.2% { transform: translate(97px, 95px) rotate(260deg); }
    46.5% { transform: translate(113px, 136px) rotate(240deg); }
    46.8% { transform: translate(144px, 165px) rotate(209deg); }
    47.1% { transform: translate(178px, 175px) rotate(186deg); }
    47.4% { transform: translate(202px, 180px) rotate(184deg); }
    47.7% { transform: translate(214px, 181px) rotate(178deg); }
    100%  { transform: translate(214px, 181px) rotate(178deg); }
}
@keyframes soulPart3Before {
    0.0%  { transform: scale(1, 1); }
    12.0% { transform: scale(1, 1); }
    12.9% { transform: scale(1, 1.3); }
    14.4% { transform: scale(1.2, 1.3); }
    15.9% { transform: scale(1.5, 1.3); }
    18.0% { transform: scale(1.3, 1.3); }
    20.7% { transform: scale(0.9, 1); }
    21.6% { transform: scale(0.9, 1); }
    24.3% { transform: scale(1.2, 1.4); }
    26.1% { transform: scale(1.2, 1.4); }
    29.1% { transform: scale(1, 1.2); }
    31.5% { transform: scale(0, 0); }
    39.6% { transform: scale(0, 0); }
    42.3% { transform: scale(1.8, 1.9); }
    44.1% { transform: scale(1.8, 1.9); }
    44.4% { transform: scale(1.7, 1.6); }
    44.7% { transform: scale(2, 1); }
    45.0% { transform: scale(2.2, 0.7); }
    45.3% { transform: scale(2.8, 0.9); }
    45.9% { transform: scale(2.8, 0.9); }
    46.2% { transform: scale(2.4, 0.7); }
    46.5% { transform: scale(2.4, 0.7); }
    46.8% { transform: scale(2, 0.5); }
    47.1% { transform: scale(2, 0.5); }
    47.4% { transform: scale(1.3, 0.7); }
    47.7% { transform: scale(1, 0.5); }
    48.0% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart4 {
    0.0%  { transform: translate(0px, 32px) rotate(0deg); }
    12.9% { transform: translate(0px, 32px) rotate(0deg); }
    14.4% { transform: translate(1px, 37px) rotate(0deg); }
    15.9% { transform: translate(-2px, 37px) rotate(0deg); }
    18.0% { transform: translate(-2px, 37px) rotate(0deg); }
    20.7% { transform: translate(0px, -4px) rotate(0deg); }
    24.3% { transform: translate(1px, 2px) rotate(0deg); }
    26.1% { transform: translate(1px, 22px) rotate(0deg); }
    29.1% { transform: translate(1px, 22px) rotate(0deg); }
    31.5% { transform: translate(0px, 1px) rotate(0deg); }
    34.5% { transform: translate(0px, 1px) rotate(0deg); }
    36.3% { transform: translate(0px, 20px) rotate(0deg); }
    39.6% { transform: translate(0px, 20px) rotate(0deg); }
    42.3% { transform: translate(0px, 3px) rotate(0deg); }
    43.8% { transform: translate(1px, 3px) rotate(0deg); }
    44.1% { transform: translate(0px, 3px) rotate(0deg); }
    44.4% { transform: translate(-1px, 8px) rotate(0deg); }
    44.7% { transform: translate(-5px, -14px) rotate(20deg); }
    45.0% { transform: translate(12px, -44px) rotate(25deg); }
    45.3% { transform: translate(41px, -50px) rotate(80deg); }
    45.6% { transform: translate(52px, -43px) rotate(112deg); }
    45.9% { transform: translate(52px, -43px) rotate(112deg); }
    46.2% { transform: translate(81px, -22px) rotate(138deg); }
    46.5% { transform: translate(111px, 5px) rotate(168deg); }
    100%  { transform: translate(111px, 5px) rotate(168deg); }
}
@keyframes soulPart4Before {
    0.0%  { transform: scale(1, 1); }
    12.0% { transform: scale(1, 1); }
    12.9% { transform: scale(0.6, 1); }
    14.4% { transform: scale(0.6, 1); }
    15.9% { transform: scale(3, 1); }
    18.0% { transform: scale(3, 1); }
    20.7% { transform: scale(1, 0.8); }
    24.3% { transform: scale(0.2, 0.8); }
    29.1% { transform: scale(0.2, 0.8); }
    31.5% { transform: scale(1, 0.8); }
    34.5% { transform: scale(1, 0.8); }
    36.3% { transform: scale(0, 0.8); }
    39.6% { transform: scale(0, 0.8); }
    42.3% { transform: scale(0.7, 0.8); }
    43.8% { transform: scale(0.3, 0.8); }
    44.1% { transform: scale(0.3, 0.8); }
    44.4% { transform: scale(0.5, 0.8); }
    45.0% { transform: scale(0.5, 0.5); }
    45.3% { transform: scale(0.7, 0.6); }
    45.9% { transform: scale(0.7, 1.3); }
    46.2% { transform: scale(0.9, 1.3); }
    46.5% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart5 {
    0.0%  { transform: translate(2px, 24px) rotate(0deg); }
    12.0% { transform: translate(2px, 24px) rotate(0deg); }
    12.9% { transform: translate(2px, 26px) rotate(0deg); }
    14.4% { transform: translate(4px, 27px) rotate(0deg); }
    15.9% { transform: translate(9px, 24px) rotate(0deg); }
    18.0% { transform: translate(6px, 11px) rotate(0deg); }
    20.7% { transform: translate(4px, 3px) rotate(0deg); }
    24.3% { transform: translate(6px, 9px) rotate(0deg); }
    26.1% { transform: translate(8px, 11px) rotate(0deg); }
    29.1% { transform: translate(5px, 5px) rotate(0deg); }
    31.5% { transform: translate(5px, 5px) rotate(0deg); }
    34.5% { transform: translate(9px, 10px) rotate(0deg); }
    36.3% { transform: translate(7px, 11px) rotate(0deg); }
    39.6% { transform: translate(-30px, -11px) rotate(0deg); }
    42.3% { transform: translate(-32px, -15px) rotate(0deg); }
    43.8% { transform: translate(-32px, -15px) rotate(0deg); }
    44.1% { transform: translate(-33px, -17px) rotate(0deg); }
    44.4% { transform: translate(-32px, -27px) rotate(0deg); }
    44.7% { transform: translate(-21px, -55px) rotate(23deg); }
    45.0% { transform: translate(10px, -86px) rotate(53deg); }
    45.3% { transform: translate(59px, -88px) rotate(103deg); }
    45.6% { transform: translate(105px, -57px) rotate(143deg); }
    45.9% { transform: translate(121px, -37px) rotate(153deg); }
    100%  { transform: translate(121px, -37px) rotate(153deg); }
}
@keyframes soulPart5Before {
    0.0%  { transform: scale(0.9, 1); }
    36.3% { transform: scale(0.9, 1); }
    39.6% { transform: scale(0.14, 0.15); }
    43.8% { transform: scale(0.14, 0.15); }
    44.1% { transform: scale(0.1, 0.1); }
    44.4% { transform: scale(0.1, 0.1); }
    44.7% { transform: scale(0.05, 0.15); }
    45.0% { transform: scale(0.05, 0.15); }
    45.3% { transform: scale(0.05, 0.1); }
    45.6% { transform: scale(0.05, 0.1); }
    45.9% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart6 {
    0.0%  { transform: translate(-10px, 14px) rotate(0deg); }
    12.0% { transform: translate(-10px, 14px) rotate(0deg); }
    12.9% { transform: translate(-6px, 11px) rotate(0deg); }
    14.4% { transform: translate(-5px, 18px) rotate(0deg); }
    15.9% { transform: translate(5px, 32px) rotate(0deg); }
    18.0% { transform: translate(2px, 17px) rotate(0deg); }
    20.7% { transform: translate(2px, 2px) rotate(0deg); }
    24.3% { transform: translate(-2px, 4px) rotate(0deg); }
    26.1% { transform: translate(1px, 24px) rotate(0deg); }
    29.1% { transform: translate(-1px, 7px) rotate(0deg); }
    31.5% { transform: translate(-1px, 0px) rotate(0deg); }
    34.5% { transform: translate(13px, -10px) rotate(0deg); }
    36.3% { transform: translate(12px, -18px) rotate(0deg); }
    39.6% { transform: translate(10px, -32px) rotate(0deg); }
    41.4% { transform: translate(10px, -46px) rotate(0deg); }
    42.3% { transform: translate(-20px, -6px) rotate(0deg); }
    43.8% { transform: translate(12px, -7px) rotate(0deg); }
    44.1% { transform: translate(16px, -11px) rotate(0deg); }
    44.4% { transform: translate(12px, -21px) rotate(0deg); }
    44.7% { transform: translate(6px, -43px) rotate(40deg); }
    45.0% { transform: translate(-6px, -63px) rotate(40deg); }
    45.3% { transform: translate(14px, -74px) rotate(127deg); }
    45.6% { transform: translate(48px, -60px) rotate(130deg); }
    45.9% { transform: translate(78px, -23px) rotate(160deg); }
    46.2% { transform: translate(86px, 17px) rotate(176deg); }
    46.5% { transform: translate(92px, 65px) rotate(166deg); }
    46.8% { transform: translate(110px, 110px) rotate(146deg); }
    47.1% { transform: translate(142px, 141px) rotate(118deg); }
    47.4% { transform: translate(172px, 156px) rotate(108deg); }
    47.7% { transform: translate(182px, 146px) rotate(108deg); }
    100%  { transform: translate(182px, 146px) rotate(108deg); }
}
@keyframes soulPart6Before {
    0.0%  { transform: scale(1, 1); }
    12.0% { transform: scale(1, 1); }
    12.9% { transform: scale(0.9, 1); }
    14.4% { transform: scale(0.9, 1.4); }
    15.9% { transform: scale(0.9, 0.75); }
    18.0% { transform: scale(0.9, 1.1); }
    20.7% { transform: scale(0.9, 1.3); }
    24.3% { transform: scale(0.9, 1.5); }
    26.1% { transform: scale(1, 1); }
    29.1% { transform: scale(1, 1.2); }
    31.5% { transform: scale(1, 1.2); }
    34.5% { transform: scale(0.3, 0.3); }
    36.3% { transform: scale(0.3, 0.3); }
    39.6% { transform: scale(0.2, 0.3); }
    41.4% { transform: scale(0, 0); }
    42.3% { transform: scale(0, 0); }
    43.8% { transform: scale(0.3, 0.4); }
    44.1% { transform: scale(0.3, 0.3); }
    44.4% { transform: scale(0.3, 0.3); }
    44.7% { transform: scale(0.3, 0.4); }
    45.0% { transform: scale(0.15, 0.3); }
    45.3% { transform: scale(0.15, 0.3); }
    45.6% { transform: scale(0.15, 0.4); }
    45.9% { transform: scale(0.1, 0.5); }
    46.2% { transform: scale(0.1, 0.4); }
    47.1% { transform: scale(0.1, 0.4); }
    47.4% { transform: scale(0.1, 0.3); }
    47.7% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart7 {
    0.0%  { transform: translate(-16px, 21px) rotate(0deg); }
    12.0% { transform: translate(-16px, 21px) rotate(0deg); }
    12.9% { transform: translate(-17px, 21px) rotate(0deg); }
    14.4% { transform: translate(-14px, 21px) rotate(0deg); }
    15.9% { transform: translate(-17px, 21px) rotate(0deg); }
    18.0% { transform: translate(-17px, 19px) rotate(0deg); }
    20.7% { transform: translate(-20px, 15px) rotate(0deg); }
    24.3% { transform: translate(-19px, 18px) rotate(0deg); }
    26.1% { transform: translate(-19px, 16px) rotate(0deg); }
    29.1% { transform: translate(-19px, 16px) rotate(0deg); }
    31.5% { transform: translate(-19px, 11px) rotate(0deg); }
    34.5% { transform: translate(-19px, 9px) rotate(0deg); }
    36.3% { transform: translate(-18px, 9px) rotate(0deg); }
    39.6% { transform: translate(-19px, 8px) rotate(0deg); }
    42.3% { transform: translate(-20px, 10px) rotate(0deg); }
    43.8% { transform: translate(-20px, 10px) rotate(0deg); }
    44.1% { transform: translate(-21px, 8px) rotate(0deg); }
    44.4% { transform: translate(-20px, 3px) rotate(0deg); }
    44.7% { transform: translate(-18px, -12px) rotate(0deg); }
    45.0% { transform: translate(-20px, -24px) rotate(-6deg); }
    45.3% { transform: translate(-20px, -50px) rotate(-6deg); }
    45.6% { transform: translate(-18px, -70px) rotate(5deg); }
    45.9% { transform: translate(9px, -96px) rotate(70deg); }
    46.2% { transform: translate(46px, -88px) rotate(110deg); }
    46.5% { transform: translate(80px, -57px) rotate(150deg); }
    46.8% { transform: translate(103px, 7px) rotate(173deg); }
    47.1% { transform: translate(111px, 59px) rotate(173deg); }
    47.4% { transform: translate(149px, 107px) rotate(123deg); }
    47.7% { transform: translate(169px, 117px) rotate(93deg); }
    100%  { transform: translate(169px, 117px) rotate(93deg); }
}
@keyframes soulPart7Before {
    0.0%  { transform: scale(1, 1.5); }
    12.0% { transform: scale(1, 1.5); }
    12.9% { transform: scale(1.3, 1.5); }
    14.4% { transform: scale(1.3, 1.5); }
    15.9% { transform: scale(1.6, 1.5); }
    18.0% { transform: scale(1.4, 1.5); }
    20.7% { transform: scale(1.6, 1.5); }
    24.3% { transform: scale(1.6, 1.5); }
    26.1% { transform: scale(1.8, 1.5); }
    29.1% { transform: scale(1.5, 1.5); }
    31.5% { transform: scale(1.6, 1.9); }
    34.5% { transform: scale(1.8, 2.1); }
    36.3% { transform: scale(2, 2); }
    39.6% { transform: scale(1.6, 2); }
    42.3% { transform: scale(1.7, 2); }
    44.4% { transform: scale(1.7, 2); }
    44.7% { transform: scale(1.6, 2.2); }
    45.0% { transform: scale(1.3, 2); }
    45.3% { transform: scale(1.1, 1.8); }
    45.6% { transform: scale(0.5, 1.2); }
    45.9% { transform: scale(0.4, 1); }
    46.2% { transform: scale(0.37, 1); }
    46.5% { transform: scale(0.37, 1); }
    46.8% { transform: scale(0.7, 1.3); }
    47.4% { transform: scale(0.7, 1.3); }
    47.7% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart8 {
    0.0%  { transform: translate(14px, 10px) rotate(0deg); }
    12.0% { transform: translate(14px, 10px) rotate(0deg); }
    12.9% { transform: translate(11px, 11px) rotate(0deg); }
    14.4% { transform: translate(10px, 10px) rotate(0deg); }
    15.9% { transform: translate(14px, 13px) rotate(0deg); }
    18.0% { transform: translate(16px, -4px) rotate(0deg); }
    20.7% { transform: translate(19px, -11px) rotate(0deg); }
    24.3% { transform: translate(15px, 0px) rotate(0deg); }
    26.1% { transform: translate(13px, 5px) rotate(0deg); }
    29.1% { transform: translate(4px, 6px) rotate(0deg); }
    31.5% { transform: translate(8px, 0px) rotate(0deg); }
    34.5% { transform: translate(14px, -1px) rotate(0deg); }
    36.3% { transform: translate(-3px, 19px) rotate(0deg); }
    39.6% { transform: translate(-3px, 5px) rotate(0deg); }
    42.3% { transform: translate(-3px, 3px) rotate(0deg); }
    43.8% { transform: translate(1px, -1px) rotate(0deg); }
    44.1% { transform: translate(3px, -3px) rotate(0deg); }
    44.4% { transform: translate(4px, -12px) rotate(0deg); }
    44.7% { transform: translate(3px, -34px) rotate(0deg); }
    45.0% { transform: translate(7px, -40px) rotate(0deg); }
    45.3% { transform: translate(26px, -76px) rotate(41deg); }
    45.6% { transform: translate(31px, -82px) rotate(41deg); }
    45.9% { transform: translate(71px, -89px) rotate(101deg); }
    46.2% { transform: translate(101px, -75px) rotate(111deg); }
    46.5% { transform: translate(132px, -37px) rotate(141deg); }
    46.8% { transform: translate(156px, 34px) rotate(171deg); }
    47.1% { transform: translate(164px, 80px) rotate(162deg); }
    47.4% { transform: translate(206px, 125px) rotate(112deg); }
    47.7% { transform: translate(218px, 126px) rotate(112deg); }
    48.0% { transform: translate(229px, 128px) rotate(82deg); }
    48.3% { transform: translate(244px, 131px) rotate(82deg); }
    48.6% { transform: translate(247px, 137px) rotate(82deg); }
    48.9% { transform: translate(239px, 140px) rotate(82deg); }
    100%  { transform: translate(239px, 140px) rotate(82deg); }
}
@keyframes soulPart8Before {
    0.0%  { transform: scale(1, 1); }
    14.4% { transform: scale(1, 1); }
    15.9% { transform: scale(1.6, 1.6); }
    24.3% { transform: scale(1.4, 1.6); }
    26.1% { transform: scale(1.4, 2); }
    29.1% { transform: scale(1.4, 1.4); }
    34.5% { transform: scale(1.4, 1.4); }
    36.3% { transform: scale(1, 0.8); }
    39.6% { transform: scale(1, 1.3); }
    42.3% { transform: scale(1, 0.8); }
    44.4% { transform: scale(1, 0.8); }
    44.7% { transform: scale(0.6, 0.8); }
    45.0% { transform: scale(0.6, 1.6); }
    45.3% { transform: scale(0.6, 2); }
    45.6% { transform: scale(0.6, 1.2); }
    45.9% { transform: scale(0.6, 1.5); }
    47.4% { transform: scale(0.6, 1.5); }
    47.7% { transform: scale(0.8, 1.5); }
    48.0% { transform: scale(0.8, 1); }
    48.3% { transform: scale(0.7, 0.9); }
    48.6% { transform: scale(0.6, 0.7); }
    48.9% { transform: scale(0.3, 0.2); }
    49.2% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart9 {
    0.0%  { transform: translate(10px, 6px) rotate(0deg); }
    12.0% { transform: translate(10px, 6px) rotate(0deg); }
    12.9% { transform: translate(6px, 5px) rotate(0deg); }
    14.4% { transform: translate(4px, 1px) rotate(0deg); }
    15.9% { transform: translate(0px, 18px) rotate(0deg); }
    18.0% { transform: translate(-1px, 2px) rotate(0deg); }
    20.7% { transform: translate(3px, -10px) rotate(0deg); }
    24.3% { transform: translate(3px, -12px) rotate(0deg); }
    26.1% { transform: translate(0px, 10px) rotate(0deg); }
    29.1% { transform: translate(-2px, -29px) rotate(0deg); }
    31.5% { transform: translate(-4px, -38px) rotate(0deg); }
    34.5% { transform: translate(-6px, -38px) rotate(0deg); }
    36.3% { transform: translate(0px, -51px) rotate(0deg); }
    39.6% { transform: translate(20px, -21px) rotate(0deg); }
    42.3% { transform: translate(33px, -19px) rotate(0deg); }
    43.8% { transform: translate(33px, -18px) rotate(0deg); }
    44.1% { transform: translate(37px, -7px) rotate(0deg); }
    44.4% { transform: translate(36px, -15px) rotate(0deg); }
    44.7% { transform: translate(36px, -39px) rotate(0deg); }
    45.0% { transform: translate(36px, -39px) rotate(0deg); }
    45.3% { transform: translate(42px, -88px) rotate(40deg); }
    45.6% { transform: translate(52px, -93px) rotate(80deg); }
    45.9% { transform: translate(118px, -63px) rotate(141deg); }
    46.2% { transform: translate(133px, -33px) rotate(164deg); }
    46.5% { transform: translate(136px, -23px) rotate(170deg); }
    46.8% { transform: translate(144px, 39px) rotate(166deg); }
    47.1% { transform: translate(152px, 73px) rotate(166deg); }
    47.4% { transform: translate(177px, 97px) rotate(146deg); }
    47.7% { transform: translate(202px, 116px) rotate(113deg); }
    48.0% { transform: translate(224px, 131px) rotate(113deg); }
    48.3% { transform: translate(235px, 131px) rotate(113deg); }
    48.6% { transform: translate(246px, 133px) rotate(113deg); }
    48.9% { transform: translate(244px, 131px) rotate(113deg); }
    100%  { transform: translate(244px, 131px) rotate(113deg); }
}
@keyframes soulPart9Before {
    0.0%  { transform: scale(1, 1); }
    12.0% { transform: scale(1, 1); }
    12.9% { transform: scale(1, 0.9); }
    14.4% { transform: scale(1, 0.8); }
    15.9% { transform: scale(1, 0.8); }
    18.0% { transform: scale(1, 1.5); }
    20.7% { transform: scale(1, 1.5); }
    24.3% { transform: scale(1, 1); }
    26.1% { transform: scale(1, 1); }
    29.1% { transform: scale(0.3, 0.4); }
    31.5% { transform: scale(0.3, 0.3); }
    34.5% { transform: scale(0.3, 0.3); }
    36.3% { transform: scale(0, 0); }
    39.6% { transform: scale(0, 0); }
    42.3% { transform: scale(2, 2); }
    43.8% { transform: scale(2, 2); }
    44.1% { transform: scale(2, 2.7); }
    44.4% { transform: scale(2, 2.7); }
    44.7% { transform: scale(1.5, 2); }
    45.0% { transform: scale(0.7, 1.2); }
    45.3% { transform: scale(0.4, 1.4); }
    45.6% { transform: scale(0.4, 1.4); }
    45.9% { transform: scale(0.4, 2); }
    46.2% { transform: scale(0.4, 2); }
    46.5% { transform: scale(0.7, 3); }
    46.8% { transform: scale(0.7, 3); }
    47.1% { transform: scale(0.7, 1.5); }
    47.4% { transform: scale(1, 2); }
    48.0% { transform: scale(1, 2); }
    48.3% { transform: scale(0.8, 1); }
    48.6% { transform: scale(0.8, 1); }
    48.9% { transform: scale(0.3, 0.4); }
    49.2% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart10 {
    0.0%  { transform: translate(0px, 7px) rotate(0deg); }
    12.0% { transform: translate(0px, 7px) rotate(0deg); }
    12.9% { transform: translate(1px, 8px) rotate(0deg); }
    14.4% { transform: translate(-6px, 4px) rotate(0deg); }
    15.9% { transform: translate(-6px, 4px) rotate(0deg); }
    18.0% { transform: translate(-6px, -2px) rotate(0deg); }
    20.7% { transform: translate(-14px, -11px) rotate(0deg); }
    24.3% { transform: translate(-7px, -5px) rotate(0deg); }
    26.1% { transform: translate(1px, -21px) rotate(0deg); }
    29.1% { transform: translate(-2px, -30px) rotate(0deg); }
    31.5% { transform: translate(0px, -27px) rotate(0deg); }
    34.5% { transform: translate(2px, -20px) rotate(0deg); }
    36.3% { transform: translate(-2px, -18px) rotate(0deg); }
    39.6% { transform: translate(0px, -26px) rotate(0deg); }
    42.3% { transform: translate(0px, -26px) rotate(0deg); }
    43.8% { transform: translate(0px, -16px) rotate(0deg); }
    44.1% { transform: translate(0px, -16px) rotate(0deg); }
    44.4% { transform: translate(1px, -24px) rotate(0deg); }
    44.7% { transform: translate(-3px, -44px) rotate(0deg); }
    45.0% { transform: translate(0px, -86px) rotate(45deg); }
    45.3% { transform: translate(37px, -109px) rotate(111deg); }
    45.6% { transform: translate(72px, -97px) rotate(127deg); }
    45.9% { transform: translate(107px, -61px) rotate(159deg); }
    46.2% { transform: translate(119px, -26px) rotate(172deg); }
    46.5% { transform: translate(124px, 18px) rotate(166deg); }
    46.8% { transform: translate(134px, 63px) rotate(151deg); }
    47.1% { transform: translate(162px, 101px) rotate(113deg); }
    47.4% { transform: translate(189px, 116px) rotate(88deg); }
    47.7% { transform: translate(207px, 121px) rotate(68deg); }
    48.0% { transform: translate(216px, 122px) rotate(53deg); }
    48.3% { transform: translate(228px, 123px) rotate(48deg); }
    48.6% { transform: translate(230px, 123px) rotate(48deg); }
    48.9% { transform: translate(222px, 121px) rotate(48deg); }
    100%  { transform: translate(222px, 121px) rotate(48deg); }
}
@keyframes soulPart10Before {
    0.0%  { transform: scale(0.7, 0.8); }
    12.0% { transform: scale(0.7, 0.8); }
    12.9% { transform: scale(0.9, 0.8); }
    14.4% { transform: scale(0.9, 0.9); }
    18.0% { transform: scale(0.9, 0.9); }
    20.7% { transform: scale(0.9, 0.6); }
    24.3% { transform: scale(0.9, 0.9); }
    26.1% { transform: scale(0.9, 0.9); }
    29.1% { transform: scale(0.8, 0.9); }
    31.5% { transform: scale(0.9, 0.9); }
    34.5% { transform: scale(0.9, 0.9); }
    36.3% { transform: scale(1, 1); }
    39.6% { transform: scale(1, 1); }
    42.3% { transform: scale(1.1, 1); }
    44.4% { transform: scale(1.1, 1); }
    44.7% { transform: scale(0.8, 1.1); }
    45.0% { transform: scale(0.4, 0.8); }
    45.3% { transform: scale(0.3, 0.6); }
    45.6% { transform: scale(0.35, 0.9); }
    45.9% { transform: scale(0.35, 0.9); }
    46.2% { transform: scale(0.4, 1.1); }
    46.8% { transform: scale(0.4, 1.1); }
    47.1% { transform: scale(0.4, 0.8); }
    47.4% { transform: scale(0.4, 0.8); }
    47.7% { transform: scale(0.45, 0.75); }
    48.0% { transform: scale(0.45, 0.7); }
    48.3% { transform: scale(0.45, 0.6); }
    48.6% { transform: scale(0.3, 0.4); }
    48.9% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart11 {
    0.0%  { transform: translate(2px, 0px) rotate(0deg); }
    12.9% { transform: translate(1px, 0px) rotate(0deg); }
    14.4% { transform: translate(0px, 0px) rotate(0deg); }
    44.1% { transform: translate(0px, 0px) rotate(0deg); }
    44.4% { transform: translate(0px, -9px) rotate(0deg); }
    44.7% { transform: translate(0px, -18px) rotate(0deg); }
    45.0% { transform: translate(2px, -31px) rotate(3deg); }
    45.3% { transform: translate(3px, -54px) rotate(1deg); }
    45.6% { transform: translate(2px, -88px) rotate(-2deg); }
    45.9% { transform: translate(12px, -135px) rotate(43deg); }
    46.2% { transform: translate(50px, -147px) rotate(114deg); }
    46.5% { transform: translate(93px, -124px) rotate(133deg); }
    46.8% { transform: translate(123px, -65px) rotate(168deg); }
    47.1% { transform: translate(131px, -15px) rotate(175deg); }
    47.4% { transform: translate(144px, 32px) rotate(157deg); }
    47.7% { transform: translate(163px, 59px) rotate(137deg); }
    48.0% { transform: translate(183px, 69px) rotate(107deg); }
    48.3% { transform: translate(203px, 77px) rotate(102deg); }
    48.6% { transform: translate(216px, 80px) rotate(96deg); }
    48.9% { transform: translate(228px, 84px) rotate(96deg); }
    100%  { transform: translate(228px, 84px) rotate(96deg); }
}
@keyframes soulPart11Before {
    0.0%  { transform: scale(1.6, 1); }
    12.0% { transform: scale(1.6, 1); }
    12.9% { transform: scale(1.9, 1); }
    14.4% { transform: scale(2.1, 1); }
    15.9% { transform: scale(2.1, 1); }
    18.0% { transform: scale(1.3, 1); }
    20.7% { transform: scale(1.3, 1); }
    24.3% { transform: scale(2, 1); }
    26.1% { transform: scale(2, 1); }
    29.1% { transform: scale(1.2, 1); }
    31.5% { transform: scale(2, 1); }
    34.5% { transform: scale(2.4, 1); }
    36.3% { transform: scale(2, 1); }
    43.8% { transform: scale(2, 1); }
    44.1% { transform: scale(1.7, 1); }
    44.4% { transform: scale(1.7, 1); }
    44.7% { transform: scale(1.8, 1); }
    45.0% { transform: scale(1.8, 1); }
    45.3% { transform: scale(1.6, 1.2); }
    45.6% { transform: scale(1, 1.4); }
    45.9% { transform: scale(0.7, 0.7); }
    46.2% { transform: scale(0.4, 0.7); }
    46.5% { transform: scale(0.4, 0.7); }
    46.8% { transform: scale(0.6, 0.7); }
    47.1% { transform: scale(0.6, 0.7); }
    47.4% { transform: scale(1, 0.7); }
    48.6% { transform: scale(1, 0.7); }
    48.9% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart12 {
    0.0%  { transform: translate(3px, 20px) rotate(0deg); }
    12.0% { transform: translate(3px, 20px) rotate(0deg); }
    12.9% { transform: translate(1px, 24px) rotate(0deg); }
    14.4% { transform: translate(-2px, 28px) rotate(0deg); }
    15.9% { transform: translate(-3px, 25px) rotate(0deg); }
    18.0% { transform: translate(-1px, 10px) rotate(0deg); }
    20.7% { transform: translate(0px, 0px) rotate(0deg); }
    24.3% { transform: translate(-2px, 17px) rotate(0deg); }
    26.1% { transform: translate(-2px, 15px) rotate(0deg); }
    29.1% { transform: translate(0px, 1px) rotate(0deg); }
    31.5% { transform: translate(-1px, 3px) rotate(0deg); }
    34.5% { transform: translate(-2px, 17px) rotate(0deg); }
    36.3% { transform: translate(-2px, 14px) rotate(0deg); }
    39.6% { transform: translate(0px, 0px) rotate(0deg); }
    42.3% { transform: translate(-1px, 9px) rotate(0deg); }
    43.8% { transform: translate(-2px, 16px) rotate(0deg); }
    44.1% { transform: translate(-1px, 16px) rotate(0deg); }
    44.4% { transform: translate(-1px, 9px) rotate(0deg); }
    44.7% { transform: translate(0px, -8px) rotate(-13deg); }
    45.0% { transform: translate(0px, -35px) rotate(2deg); }
    45.3% { transform: translate(13px, -66px) rotate(32deg); }
    45.6% { transform: translate(47px, -83px) rotate(92deg); }
    45.9% { transform: translate(92px, -65px) rotate(126deg); }
    46.2% { transform: translate(122px, -29px) rotate(156deg); }
    46.5% { transform: translate(137px, 21px) rotate(174deg); }
    46.8% { transform: translate(144px, 70px) rotate(170deg); }
    47.1% { transform: translate(162px, 112px) rotate(145deg); }
    47.4% { transform: translate(189px, 133px) rotate(115deg); }
    47.7% { transform: translate(211px, 140px) rotate(95deg); }
    48.0% { transform: translate(223px, 142px) rotate(66deg); }
    48.3% { transform: translate(237px, 145px) rotate(56deg); }
    48.6% { transform: translate(238px, 147px) rotate(56deg); }
    48.9% { transform: translate(228px, 151px) rotate(56deg); }
    100%  { transform: translate(228px, 151px) rotate(56deg); }
}
@keyframes soulPart12Before {
    0.0%  { transform: scale(0.9, 0.8); }
    12.0% { transform: scale(0.9, 0.8); }
    12.9% { transform: scale(1, 0.9); }
    14.4% { transform: scale(1.3, 0.9); }
    15.9% { transform: scale(1.4, 1); }
    18.0% { transform: scale(1.2, 1); }
    20.7% { transform: scale(1, 1); }
    24.3% { transform: scale(1.3, 1.1); }
    26.1% { transform: scale(1.3, 1.1); }
    29.1% { transform: scale(1.1, 1.1); }
    31.5% { transform: scale(1.1, 1.1); }
    34.5% { transform: scale(1.4, 1.1); }
    36.3% { transform: scale(1.4, 1.1); }
    39.6% { transform: scale(1, 1); }
    42.3% { transform: scale(1.2, 1.1); }
    43.8% { transform: scale(1.3, 1.1); }
    44.1% { transform: scale(1.3, 1.1); }
    44.4% { transform: scale(1.3, 1.1); }
    44.7% { transform: scale(1.1, 1.3); }
    45.0% { transform: scale(0.8, 1.5); }
    45.3% { transform: scale(0.5, 1.8); }
    45.6% { transform: scale(0.4, 1.9); }
    45.9% { transform: scale(0.4, 2.1); }
    46.2% { transform: scale(0.4, 2.1); }
    46.5% { transform: scale(0.6, 2); }
    46.8% { transform: scale(0.6, 1.6); }
    47.1% { transform: scale(0.5, 1.4); }
    47.4% { transform: scale(0.7, 1.3); }
    47.7% { transform: scale(0.7, 1); }
    48.0% { transform: scale(0.7, 0.7); }
    48.3% { transform: scale(0.6, 0.6); }
    48.6% { transform: scale(0.4, 0.5); }
    48.9% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart13 {
    0.0%  { transform: translate(-1px, 18px) rotate(0deg); }
    12.0% { transform: translate(-1px, 18px) rotate(0deg); }
    12.9% { transform: translate(0px, 20px) rotate(0deg); }
    14.4% { transform: translate(1px, 18px) rotate(0deg); }
    15.9% { transform: translate(2px, 13px) rotate(0deg); }
    18.0% { transform: translate(1px, 2px) rotate(0deg); }
    20.7% { transform: translate(0px, 2px) rotate(0deg); }
    24.3% { transform: translate(2px, 5px) rotate(0deg); }
    26.1% { transform: translate(1px, 2px) rotate(0deg); }
    29.1% { transform: translate(0px, -1px) rotate(0deg); }
    31.5% { transform: translate(1px, 4px) rotate(0deg); }
    34.5% { transform: translate(2px, 5px) rotate(0deg); }
    36.3% { transform: translate(1px, 1px) rotate(0deg); }
    39.6% { transform: translate(0px, 0px) rotate(0deg); }
    42.3% { transform: translate(1px, 6px) rotate(0deg); }
    43.8% { transform: translate(1px, 6px) rotate(0deg); }
    44.1% { transform: translate(2px, 5px) rotate(0deg); }
    44.4% { transform: translate(2px, -3px) rotate(0deg); }
    44.7% { transform: translate(-1px, -23px) rotate(-20deg); }
    45.0% { transform: translate(-5px, -49px) rotate(-4deg); }
    45.3% { transform: translate(8px, -76px) rotate(51deg); }
    45.6% { transform: translate(42px, -78px) rotate(111deg); }
    45.9% { transform: translate(81px, -53px) rotate(138deg); }
    46.2% { transform: translate(101px, -15px) rotate(164deg); }
    46.5% { transform: translate(110px, 33px) rotate(175deg); }
    46.8% { transform: translate(119px, 80px) rotate(165deg); }
    47.1% { transform: translate(140px, 119px) rotate(136deg); }
    47.4% { transform: translate(167px, 139px) rotate(117deg); }
    47.7% { transform: translate(188px, 146px) rotate(91deg); }
    48.0% { transform: translate(200px, 150px) rotate(71deg); }
    48.3% { transform: translate(214px, 151px) rotate(71deg); }
    48.6% { transform: translate(216px, 150px) rotate(71deg); }
    48.9% { transform: translate(206px, 147px) rotate(71deg); }
    100%  { transform: translate(206px, 147px) rotate(71deg); }
}
@keyframes soulPart13Before {
    0.0%  { transform: scale(0.8, 0.8); }
    12.0% { transform: scale(0.8, 0.8); }
    12.9% { transform: scale(0.9, 0.8); }
    14.4% { transform: scale(1, 0.8); }
    18.0% { transform: scale(1, 0.8); }
    20.7% { transform: scale(1, 1); }
    24.3% { transform: scale(1.1, 0.9); }
    26.1% { transform: scale(1, 0.9); }
    29.1% { transform: scale(0.9, 1); }
    31.5% { transform: scale(1.2, 1); }
    34.5% { transform: scale(1.1, 0.9); }
    36.3% { transform: scale(1.1, 0.9); }
    39.6% { transform: scale(1, 1); }
    42.3% { transform: scale(1.2, 1); }
    43.8% { transform: scale(1.1, 1); }
    44.4% { transform: scale(1.1, 1); }
    44.7% { transform: scale(0.9, 1); }
    45.0% { transform: scale(0.6, 1.1); }
    45.3% { transform: scale(0.3, 1.2); }
    45.6% { transform: scale(0.4, 1.4); }
    45.9% { transform: scale(0.3, 1.6); }
    46.2% { transform: scale(0.3, 1.5); }
    46.5% { transform: scale(0.3, 1.5); }
    46.8% { transform: scale(0.4, 1.3); }
    47.1% { transform: scale(0.4, 1.3); }
    47.4% { transform: scale(0.4, 1); }
    47.7% { transform: scale(0.4, 0.8); }
    48.0% { transform: scale(0.7, 0.7); }
    48.3% { transform: scale(0.4, 0.5); }
    48.6% { transform: scale(0.3, 0.4); }
    48.9% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart14 {
    0.0%  { transform: translate(0px, 26px) rotate(0deg); }
    12.0% { transform: translate(0px, 26px) rotate(0deg); }
    12.9% { transform: translate(0px, 27px) rotate(0deg); }
    14.4% { transform: translate(1px, 26px) rotate(0deg); }
    15.9% { transform: translate(1px, 20px) rotate(0deg); }
    18.0% { transform: translate(1px, 0px) rotate(0deg); }
    20.7% { transform: translate(1px, 30px) rotate(0deg); }
    24.3% { transform: translate(1px, 5px) rotate(0deg); }
    26.1% { transform: translate(1px, 3px) rotate(0deg); }
    28.8% { transform: translate(1px, -2px) rotate(0deg); }
    29.1% { transform: translate(1px, 28px) rotate(0deg); }
    31.5% { transform: translate(0px, 4px) rotate(0deg); }
    34.5% { transform: translate(0px, 4px) rotate(0deg); }
    36.3% { transform: translate(1px, 2px) rotate(0deg); }
    39.0% { transform: translate(1px, -18px) rotate(0deg); }
    42.3% { transform: translate(1px, -18px) rotate(0deg); }
    43.8% { transform: translate(1px, 52px) rotate(0deg); }
    44.1% { transform: translate(29px, 36px) rotate(50deg); }
    44.4% { transform: translate(29px, 36px) rotate(50deg); }
    44.7% { transform: translate(-1px, 74px) rotate(50deg); }
    45.0% { transform: translate(-1px, 44px) rotate(50deg); }
    45.3% { transform: translate(23px, -34px) rotate(68deg); }
    45.6% { transform: translate(37px, -39px) rotate(98deg); }
    45.9% { transform: translate(81px, -20px) rotate(130deg); }
    46.2% { transform: translate(102px, 5px) rotate(154deg); }
    46.5% { transform: translate(124px, 59px) rotate(177deg); }
    46.8% { transform: translate(130px, 117px) rotate(167deg); }
    47.1% { transform: translate(142px, 153px) rotate(132deg); }
    47.4% { transform: translate(155px, 172px) rotate(122deg); }
    47.7% { transform: translate(176px, 187px) rotate(122deg); }
    48.0% { transform: translate(194px, 201px) rotate(92deg); }
    48.3% { transform: translate(211px, 201px) rotate(92deg); }
    48.6% { transform: translate(218px, 194px) rotate(62deg); }
    100%  { transform: translate(218px, 194px) rotate(62deg); }
}
@keyframes soulPart14Before {
    0.0%  { transform: scale(0.6, 1); }
    12.0% { transform: scale(0.6, 1); }
    12.9% { transform: scale(0.7, 0.8); }
    14.4% { transform: scale(0.7, 0.8); }
    15.9% { transform: scale(0.7, 0.6); }
    18.0% { transform: scale(0.2, 0.3); }
    18.6% { transform: scale(0, 0); }
    20.7% { transform: scale(0, 0); }
    24.3% { transform: scale(0.9, 1); }
    26.1% { transform: scale(0.7, 0.8); }
    28.8% { transform: scale(0, 0); }
    29.1% { transform: scale(0, 0); }
    31.5% { transform: scale(1, 1); }
    34.5% { transform: scale(1, 1); }
    36.3% { transform: scale(0.7, 0.7); }
    39.0% { transform: scale(0, 0); }
    43.8% { transform: scale(0, 0); }
    44.1% { transform: scale(1.5, 1.5); }
    45.0% { transform: scale(1.5, 1.5); }
    45.3% { transform: scale(1, 2); }
    45.6% { transform: scale(1.6, 3.9); }
    45.9% { transform: scale(1.6, 5); }
    46.2% { transform: scale(1.8, 6); }
    46.5% { transform: scale(1.8, 7); }
    46.8% { transform: scale(1.8, 6); }
    47.1% { transform: scale(2, 5); }
    47.4% { transform: scale(2, 4); }
    47.7% { transform: scale(2, 3); }
    48.0% { transform: scale(1, 2); }
    48.3% { transform: scale(1, 2); }
    48.6% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart15 {
    0.0%  { transform: translate(-6px, -3px) rotate(0deg); }
    12.0% { transform: translate(-6px, -3px) rotate(0deg); }
    12.9% { transform: translate(-5px, -2px) rotate(0deg); }
    14.4% { transform: translate(-2px, -1px) rotate(0deg); }
    15.9% { transform: translate(-2px, -2px) rotate(0deg); }
    18.0% { transform: translate(-3px, -14px) rotate(0deg); }
    20.7% { transform: translate(-4px, -12px) rotate(0deg); }
    24.3% { transform: translate(-3px, -3px) rotate(0deg); }
    26.1% { transform: translate(-2px, -5px) rotate(0deg); }
    28.2% { transform: translate(-6px, -21px) rotate(0deg); }
    29.1% { transform: translate(-6px, -21px) rotate(0deg); }
    31.5% { transform: translate(-4px, -7px) rotate(0deg); }
    34.5% { transform: translate(-3px, -3px) rotate(0deg); }
    36.3% { transform: translate(-3px, -5px) rotate(0deg); }
    39.6% { transform: translate(-9px, -35px) rotate(0deg); }
    42.3% { transform: translate(-3px, -5px) rotate(0deg); }
    43.8% { transform: translate(-3px, -3px) rotate(0deg); }
    44.1% { transform: translate(-4px, -5px) rotate(0deg); }
    44.4% { transform: translate(-3px, -8px) rotate(0deg); }
    44.7% { transform: translate(-4px, -18px) rotate(0deg); }
    45.0% { transform: translate(-5px, -35px) rotate(10deg); }
    45.3% { transform: translate(-6px, -59px) rotate(0deg); }
    45.6% { transform: translate(-10px, -90px) rotate(-10deg); }
    45.9% { transform: translate(-11px, -122px) rotate(0deg); }
    46.2% { transform: translate(25px, -144px) rotate(110deg); }
    46.5% { transform: translate(70px, -118px) rotate(133deg); }
    46.8% { transform: translate(96px, -66px) rotate(159deg); }
    47.1% { transform: translate(103px, -13px) rotate(169deg); }
    47.4% { transform: translate(116px, 34px) rotate(148deg); }
    47.7% { transform: translate(139px, 65px) rotate(128deg); }
    48.0% { transform: translate(153px, 82px) rotate(128deg); }
    100%  { transform: translate(153px, 82px) rotate(128deg); }
}
@keyframes soulPart15Before {
    0.0%  { transform: scale(0.8, 0.6); }
    12.9% { transform: scale(0.8, 0.6); }
    14.4% { transform: scale(1, 0.8); }
    15.9% { transform: scale(1, 0.8); }
    18.0% { transform: scale(1.4, 1); }
    20.7% { transform: scale(1, 0.8); }
    24.3% { transform: scale(1.2, 0.8); }
    29.1% { transform: scale(1.2, 0.8); }
    31.5% { transform: scale(1, 0.8); }
    34.5% { transform: scale(1.2, 0.8); }
    39.6% { transform: scale(1.2, 0.8); }
    42.3% { transform: scale(1, 0.8); }
    43.8% { transform: scale(1.2, 0.8); }
    44.1% { transform: scale(1, 0.8); }
    44.4% { transform: scale(1, 0.8); }
    44.7% { transform: scale(0.9, 1); }
    45.0% { transform: scale(0.9, 1.1); }
    45.3% { transform: scale(0.6, 1.2); }
    45.6% { transform: scale(0.5, 1.3); }
    45.9% { transform: scale(0.3, 0.6); }
    46.2% { transform: scale(0.3, 1.3); }
    46.5% { transform: scale(0.3, 1.3); }
    46.8% { transform: scale(0.4, 1); }
    47.7% { transform: scale(0.4, 1); }
    48.0% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}
@keyframes soulPart16 {
    0.0%  { transform: translate(15px, -31px) rotate(0deg); }
    12.0% { transform: translate(15px, -31px) rotate(0deg); }
    12.9% { transform: translate(20px, -30px) rotate(0deg); }
    14.4% { transform: translate(25px, -28px) rotate(0deg); }
    15.9% { transform: translate(27px, -27px) rotate(0deg); }
    18.0% { transform: translate(24px, -32px) rotate(0deg); }
    20.7% { transform: translate(23px, -38px) rotate(0deg); }
    24.3% { transform: translate(25px, -34px) rotate(0deg); }
    26.1% { transform: translate(26px, -32px) rotate(0deg); }
    29.1% { transform: translate(23px, -36px) rotate(0deg); }
    31.5% { transform: translate(23px, -38px) rotate(0deg); }
    34.5% { transform: translate(25px, -33px) rotate(0deg); }
    36.3% { transform: translate(26px, -32px) rotate(0deg); }
    39.6% { transform: translate(22px, -37px) rotate(0deg); }
    42.3% { transform: translate(24px, -36px) rotate(0deg); }
    43.8% { transform: translate(26px, -34px) rotate(0deg); }
    44.1% { transform: translate(27px, -35px) rotate(0deg); }
    44.4% { transform: translate(25px, -39px) rotate(0deg); }
    44.7% { transform: translate(23px, -52px) rotate(0deg); }
    45.0% { transform: translate(19px, -73px) rotate(0deg); }
    45.3% { transform: translate(12px, -98px) rotate(0deg); }
    45.6% { transform: translate(0px, -125px) rotate(0deg); }
    45.9% { transform: translate(14px, -149px) rotate(90deg); }
    46.2% { transform: translate(49px, -139px) rotate(117deg); }
    46.5% { transform: translate(81px, -106px) rotate(157deg); }
    46.8% { transform: translate(92px, -55px) rotate(172deg); }
    47.1% { transform: translate(99px, -5px) rotate(172deg); }
    47.4% { transform: translate(115px, 38px) rotate(152deg); }
    47.7% { transform: translate(140px, 65px) rotate(132deg); }
    48.0% { transform: translate(162px, 79px) rotate(122deg); }
    48.3% { transform: translate(183px, 83px) rotate(102deg); }
    48.6% { transform: translate(196px, 80px) rotate(82deg); }
    48.9% { transform: translate(206px, 78px) rotate(82deg); }
    100%  { transform: translate(206px, 78px) rotate(82deg); }
}
@keyframes soulPart16Before {
    0.0%  { transform: scale(0.7, 0.5); }
    12.0% { transform: scale(0.7, 0.5); }
    12.9% { transform: scale(0.9, 0.6); }
    36.3% { transform: scale(0.9, 0.6); }
    39.6% { transform: scale(0.9, 0.7); }
    44.7% { transform: scale(0.9, 0.7); }
    45.0% { transform: scale(0.7, 0.8); }
    45.6% { transform: scale(0.4, 0.8); }
    45.9% { transform: scale(0.3, 0.7); }
    47.7% { transform: scale(0.6, 0.7); }
    48.0% { transform: scale(0.6, 0.5); }
    48.3% { transform: scale(0.6, 0.5); }
    48.6% { transform: scale(0.3, 0.3); }
    48.9% { transform: scale(0, 0); }
    100%  { transform: scale(0, 0); }
}


            
          
!
            
              // Based on Beresnev's https://dribbble.com/shots/3005865-Moustached-nanny
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console