.clouds{top:0;left:0;height:100%;overflow:hidden;pointer-events:none}.cloud,.clouds{position:absolute;width:100%}.cloud{bottom:-5%;height:70%;background-size:contain;background-repeat:no-repeat;background-position:bottom;opacity:0;transform:scale(.8);animation:appearCloud .8s ease-out forwards calc(.3s * var(--i)),animateCloud calc(3s * var(--i)) linear infinite calc(.8s + .3s * var(--i))}.cloud:first-child{background-image:url(/assets/heaven/cloud1.png)}.cloud:nth-child(2){background-image:url(/assets/heaven/cloud2.png)}.cloud:nth-child(3){background-image:url(/assets/heaven/cloud3.png)}.cloud:nth-child(4),.cloud:nth-child(5){background-image:url(/assets/heaven/cloud5.png)}.cloud:nth-child(6){background-image:url(/assets/heaven/cloud3.png)}.cloud:nth-child(7){background-image:url(/assets/heaven/cloud2.png)}.cloud:nth-child(8){background-image:url(/assets/heaven/cloud1.png)}@keyframes appearCloud{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes animateCloud{0%{opacity:1;transform:scale(1)}25%,75%{opacity:1}to{opacity:0;transform:scale(1.4)}}