*{margin:0;padding:0}#clouds{position:absolute;overflow:hidden;background:#c9dbe9;height:100vh;width:100wh;background:-linear-gradient(top,#c9dbe9 0,#fff 100%);background:-moz-linear-gradient(top,#c9dbe9 0,#fff 100%)}@media (prefers-color-scheme:dark){#clouds{background:#0a0428!important}.cloud{opacity:.3}.cloud,.cloud:after,.cloud:before{background:#aaa!important}.x2{opacity:.2!important}.x3{opacity:.3!important}.x4{opacity:.4!important}.x5{opacity:.5!important}}.cloud{width:200px;height:60px;background:#fff;border-radius:200px;-moz-border-radius:200px;-webkit-border-radius:200px;position:relative}.cloud:after,.cloud:before{content:"";background:#fff;width:100px;height:80px;position:absolute;top:-15px;left:10px;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;transform:rotate(30deg);-moz-transform:rotate(30deg)}.cloud:after{width:120px;height:120px;top:-55px;left:auto;right:15px}.x1{animation:moveclouds 30s linear infinite;-webkit-animation:moveclouds 30s linear infinite;-moz-animation:moveclouds 30s linear infinite;-o-animation:moveclouds 30s linear infinite}.x2{left:200px;transform:scale(.6);opacity:.6;animation:moveclouds 25s linear infinite;-webkit-animation:moveclouds 25s linear infinite;-moz-animation:moveclouds 25s linear infinite;-o-animation:moveclouds 25s linear infinite}.x3{left:-250px;top:-200px;transform:scale(.8);opacity:.8;animation:moveclouds 40s linear infinite;-webkit-animation:moveclouds 40s linear infinite;-moz-animation:moveclouds 40s linear infinite;-o-animation:moveclouds 40s linear infinite}.x4{left:470px;top:-250px;transform:scale(.75);opacity:.75;animation:moveclouds 29s linear infinite;-webkit-animation:moveclouds 29s linear infinite;-moz-animation:moveclouds 29s linear infinite;-o-animation:moveclouds 29s linear infinite}.x5{left:-150px;top:-150px;transform:scale(.8);opacity:.8;animation:moveclouds 40s linear infinite;-webkit-animation:moveclouds 40s linear infinite;-moz-animation:moveclouds 40s linear infinite;-o-animation:moveclouds 40s linear infinite}@keyframes moveclouds{0%{margin-left:100vw}to{margin-left:-100vw}}