#papycha-living-background {
	position: fixed;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
	isolation: isolate;
}

body > #container {
	position: relative;
	z-index: 2;
}

.papycha-cloud-shadows {
	position: absolute;
	inset: 34% 0 8%;
	overflow: hidden;
	mix-blend-mode: multiply;
}

.papycha-cloud-shadow {
	position: absolute;
	left: -22%;
	width: 18%;
	height: 24%;
	opacity: .43;
	filter: blur(10px);
	background:
		radial-gradient(ellipse at 18% 58%, rgba(35, 47, 38, .95) 0 15%, transparent 36%),
		radial-gradient(ellipse at 42% 42%, rgba(35, 47, 38, .92) 0 20%, transparent 42%),
		radial-gradient(ellipse at 68% 55%, rgba(35, 47, 38, .84) 0 18%, transparent 41%),
		radial-gradient(ellipse at 84% 48%, rgba(35, 47, 38, .72) 0 13%, transparent 33%);
	animation: papycha-shadow-crossing 44s linear infinite;
}

.papycha-cloud-shadow-1 { top: 8%; animation-delay: -9s; transform: rotate(-4deg); }
.papycha-cloud-shadow-2 { top: 50%; width: 15%; opacity: .34; animation-duration: 61s; animation-delay: -43s; transform: rotate(5deg); }
.papycha-cloud-shadow-3 { top: 25%; width: 16%; opacity: .38; animation-duration: 51s; animation-delay: -35s; transform: rotate(3deg); }
.papycha-cloud-shadow-4 { top: 68%; width: 14%; opacity: .30; animation-duration: 57s; animation-delay: -15s; transform: rotate(-6deg); }
.papycha-cloud-shadow-5 { top: 16%; width: 15%; opacity: .34; animation-duration: 55s; animation-delay: -45s; transform: rotate(7deg); }
.papycha-cloud-shadow-6 { top: 39%; width: 17%; opacity: .39; animation-duration: 48s; animation-delay: -19s; transform: rotate(-2deg); }
.papycha-cloud-shadow-7 { top: 61%; width: 13%; opacity: .28; animation-duration: 66s; animation-delay: -54s; transform: rotate(4deg); }
.papycha-cloud-shadow-8 { top: 78%; width: 16%; opacity: .35; animation-duration: 52s; animation-delay: -29s; transform: rotate(-7deg); }

.papycha-birds {
	position: absolute;
	top: 3%;
	width: 58%;
	height: 45%;
	opacity: .92;
	overflow: visible;
}

.papycha-birds-left { left: -10%; }
.papycha-birds-right { right: -10%; transform: scaleX(-1); }
.papycha-birds svg { transform: scale(1.55); transform-origin: center; }

@keyframes papycha-shadow-crossing {
	from { left: -22%; }
	to { left: 106%; }
}

@media (max-width: 600px) {
	.papycha-birds { width: 68%; height: 38%; }
	.papycha-birds-left { left: -20%; }
	.papycha-birds-right { right: -20%; }
	.papycha-birds svg { transform: scale(1.7); }
}

@media (prefers-reduced-motion: reduce) {
	.papycha-cloud-shadow { animation: none; }
	.papycha-cloud-shadow-1 { left: 8%; }
	.papycha-cloud-shadow-2 { left: 72%; }
	.papycha-cloud-shadow-3 { left: 48%; }
	.papycha-cloud-shadow-4 { left: 26%; }
	.papycha-cloud-shadow:nth-child(n+5) { display: none; }
	.papycha-birds { display: none; }
}