.cloud-background{position:relative;overflow:hidden}.cloud-background:before,.cloud-background:after{content:"";z-index:0;opacity:.8;pointer-events:none;position:absolute;inset:0}.cloud-background:before{background:linear-gradient(#87ceeb,#c6e6fb)}.cloud-background:after{background:radial-gradient(circle at 75% 25%,#fff6 10%,#0000 50%),radial-gradient(circle at 25% 75%,#fff6 10%,#0000 50%)}.dark .cloud-background:before{background:linear-gradient(#1a202c,#2d3748)}.dark .cloud-background:after{background:radial-gradient(circle at 75% 25%,#3741514d 10%,#0000 50%),radial-gradient(circle at 25% 75%,#3741514d 10%,#0000 50%)}.cloud{opacity:.7;background:#fff;border-radius:100px;width:350px;height:100px;position:absolute;box-shadow:0 8px 5px #0000001a}.dark .cloud{background:#4b5563;box-shadow:0 8px 5px #00000040}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:180px;height:180px;top:-70px;left:50px}.cloud:after{width:120px;height:120px;top:-50px;right:50px}.cloud1{top:15%;left:10%;transform:scale(.6)}.cloud1:before{width:160px;height:160px;top:-80px;left:40px}.cloud2{top:35%;left:75%;transform:scale(.4)}.cloud2:after{width:140px;height:140px;top:-60px;right:40px}.cloud3{top:75%;left:30%;transform:scale(.7)}.cloud3:before{width:170px;height:170px;top:-90px;left:30px}.cloud4{top:60%;left:75%;transform:scale(.35)}.cloud4:after{width:120px;height:120px;top:-45px;right:60px}.cloud5{top:85%;left:5%;transform:scale(.5)}.cloud5:before{width:140px;height:140px;top:-60px;left:60px}.cloud1:after{width:120px;height:120px;top:-50px;right:60px}.cloud2:before{width:130px;height:130px;top:-60px;left:60px}.cloud3:after{width:120px;height:120px;top:-50px;right:60px}.cloud4:before{width:100px;height:100px;top:-40px;left:70px}.cloud5:after{width:110px;height:110px;top:-55px;right:30px}