.anime
{
	position:fixed;
	right:0;
	bottom:-5px;
	overflow:visible;
	z-index:0;
	pointer-events:none;
	margin:0;
	padding:0;
	
	perspective:100px;
	transform-style: preserve-3d;
	perspective-origin:100% 100%;
	transform-origin:100% 100%;
	
	transform:scale(100vh / 80vh); 	/* Dynamically changed in code */
}


.anime.anime_left
{
	width:0px;
	left:56%;
	bottom:-10px;
}

.anime_item
{
	position:absolute;
	margin:0;
	padding:0;
	vertical-align:bottom;
	
	display:flex;
	item-align:flex-end;
}

@keyframes fadeIn_bamboo
{
	0%
	{
		opacity:0;
		bottom:-100vh;
	}
	
	10%
	{
		opacity:1;
	}
	
	100%
	{
		opacity:1;
		bottom:0;
	}
}

@keyframes fadeOut_bamboo
{
	0%
	{
		opacity:1;
		bottom:0;
	}
	
	90%
	{
		opacity:1;
	}
	
	100%
	{
		opacity:0;
		bottom:-100vh;
	}
}

.bamboo_0
{	
	opacity:0;
	bottom:-100vh;
	right:-11px;
	
	animation: bamboo_1 10s infinite ease, fadeIn_bamboo 0.4s 1 ease 0.5s forwards;
	transform-origin: 50% 100%;
}

.anime.hidden .bamboo_0
{
	opacity:1;
	bottom:0;
	animation: bamboo_1 10s infinite ease, fadeOut_bamboo 0.4s 1 ease 0.1s forwards;
}

.leaf_0
{
	bottom:100px;
	right:-80px;
	
	animation: leaf 8s infinite ease;
	
	transform-origin:0% 99%;
}

.leaf_1
{
	bottom:60px;
	right:30px;
	
	animation: leaf 5s infinite ease;
	
	transform-origin:10% 99%;
}

.leaf_2
{
	bottom:90px;
	right:0px;
	
	animation: leaf 3s infinite ease;
	
	transform-origin:10% 99%;
}

.leaf_3
{
	bottom:115px;
	right:-85px;
	
	animation: leaf 4.1s infinite ease;
	
	transform-origin:10% 99%;
}

.leaf_4
{
	bottom:60px;
	right:-80px;
	
	animation: leaf 3.5s infinite ease;
	
	transform-origin:0% 90%;
}

.leaf_5
{
	bottom:20px;
	right:-90px;
	
	animation: leaf 2s infinite ease;
	
	transform-origin:0% 20%;
}

.img
{
	vertical-align:bottom;
	bottom:0;
}


@keyframes bamboo_0
{
	0%
	{
		transform:rotateZ(0deg);
	}
	
	50%
	{
		transform:rotateZ(1deg);
	}
	
	100%
	{
		transform:rotateZ(0deg);
	}
}


@keyframes bamboo_1
{
	0%
	{
		transform:scaleX(-1.0) rotateZ(1.2deg);
	}
	
	60%
	{
		transform:scaleX(-1.0) rotateZ(0deg);
	}
	
	100%
	{
		transform:scaleX(-1.0) rotateZ(1.2deg);
	}
}

@keyframes leaf
{
	0%
	{
		transform:rotateZ(0deg);
	}
	
	50%
	{
		transform:rotateZ(2deg);
	}
	
	100%
	{
		transform:rotateZ(0deg);
	}
}

@keyframes leaf_6
{
	0%
	{
		transform:rotateZ(0deg) scaleX(-1.0);
	}
	
	50%
	{
		transform:rotateZ(2deg) scaleX(-1.0);
	}
	
	100%
	{
		transform:rotateZ(0deg) scaleX(-1.0);
	}
}

.bamboo_2
{
	bottom:0;
	left:-70px;
	
	animation: bamboo_2 10s infinite ease;
	
	transform-origin: 100% 100%;
	
	opacity:0.8;
}

.bamboo_3
{
	bottom:0;
	left:-5px;
	
	animation: bamboo_3 10s infinite ease;
	
	transform-origin: 50% 100%;	
}


@keyframes bamboo_2
{
	0%
	{
		transform:rotateZ(0deg);
	}
	
	50%
	{
		transform:rotateZ(-1deg);
	}
	
	100%
	{
		transform:rotateZ(0deg);
	}
}


@keyframes bamboo_3
{
	0%
	{
		transform:rotateZ(0deg);
	}
	
	60%
	{
		transform:rotateZ(-1.2deg);
	}
	
	100%
	{
		transform:rotateZ(0deg);
	}
}


.leaf_6
{
	bottom:500px;
	left:40px;
	transform:scaleX(-1.0);
	animation: leaf_6 8s infinite ease;
	
	
	
	transform-origin:0% 100%;
}

.leaf_7
{
	bottom:976px;
	left:-6px;
	
	animation: leaf 3.8s infinite ease;
	
	transform-origin:50% 100%;
}

.leaf_8
{
	bottom:100px;
	left:94px;
	
	animation: leaf 3.4s infinite ease;
	
	transform-origin:0% 90%;
}

.leaf_9
{
	bottom:50px;
	left:28px;
	
	animation: leaf 3s infinite ease;
	
	transform-origin:0% 40%;
}

.leaf_10
{
	bottom:80px;
	left:24px;
	
	animation: leaf 4.8s infinite ease;
	
	transform-origin:10% 100%;
}

.logo_0
{
	bottom:0;
	left:0;
	
	animation: bamboo_0 6s infinite ease;
	
	transform-origin:50% 100%;
}

.logo_1
{
	bottom:0;
	left:100px;
	
	animation: bamboo_0 5.4s infinite ease;
	
	transform-origin:50% 100%;
}

.logo_2
{
	bottom:0;
	left:-180px;
	
	animation: bamboo_0 8s infinite ease;
	
	transform-origin:50% 100%;
}

.logo_3
{
	bottom:0;
	left:-100px;
	
	animation: bamboo_0 9s infinite ease;
	
	transform-origin:50% 100%;
}

.logo_leaf_0
{
	bottom:500px;
	left:-98px;
	
	animation: leaf 3s infinite ease;
	
	transform-origin:100% 90%;
}

.logo_leaf_1
{
	bottom:465px;
	left:-188px;
	
	animation: leaf 3.4s infinite ease;
	
	transform-origin:100% 60%;
}

.logo_leaf_2
{
	bottom:380px;
	left:-130px;
	
	animation: leaf 3.6s infinite ease;
	
	transform-origin:100% 30%;
}

.bamboo_4
{
	opacity:0;
	bottom:-100vh;
	left:12px;
	
	animation: bamboo_0 9s infinite ease, fadeIn_bamboo 0.4s 1 ease 0.7s forwards;
	
	transform-origin:50% 100%;
}

.bamboo_5
{
	opacity:0;
	bottom:-100vh;
	left:-38px;
	
	animation: bamboo_0 11s infinite ease, fadeIn_bamboo 0.4s 1 ease 0.9s forwards;
	
	transform-origin:50% 100%;
}


.anime.hidden .bamboo_4
{
	opacity:1;
	bottom:0;
	animation: bamboo_0 9s infinite ease, fadeOut_bamboo 0.4s 1 ease 0.6s forwards;
}

.anime.hidden .bamboo_5
{
	opacity:1;
	bottom:0;
	animation: bamboo_0 9s infinite ease, fadeOut_bamboo 0.4s 1 ease 0.4s forwards;
}

.leaf_11
{
	bottom:50px;
	left:-45px;
	
	animation: leaf 6.6s infinite ease;
	
	transform-origin:100% 95%;
}

.leaf_12
{
	bottom:10px;
	right:25px;
	
	animation: leaf 4.6s infinite ease;
	
	transform-origin:100% 60%;
}

.leaf_13
{
	bottom:50px;
	right:30px;
	
	animation: leaf 3.2s infinite ease;
	
	transform-origin:60% 100%;
}

.leaf_14
{
	bottom:90px;
	right:60px;
	
	animation: leaf 4.0s infinite ease;
	
	transform-origin:95% 95%;
}

.leaf_15
{
	bottom:200px;
	left:13px;
	
	animation: leaf 4.8s infinite ease;
	
	transform-origin:4% 99%;
}

.inert
{
	animation-play-state: paused;
}