body,html{margin:0;padding:0;overflow:hidden;font-family:sans-serif}.sky{position:relative;width:100vw;height:100vh;background:#87ceeb;overflow:hidden}.cloud{position:absolute;background:#fff;border-radius:200px;opacity:.9;width:350px;height:120px;box-shadow:10px 10px 50px 10px #0000000d;filter:blur(1px)}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:180px;height:180px;top:-90px;left:80px}.cloud:after{width:220px;height:220px;top:-120px;right:40px}.cloud-1{top:10%;animation:moveClouds 35s linear infinite}.cloud-2{top:25%;animation:moveClouds 50s linear infinite;animation-delay:-15s}.cloud-3{top:40%;animation:moveClouds 40s linear infinite;animation-delay:-25s}@keyframes moveClouds{0%{transform:translate(-150%)}to{transform:translate(150vw)}}.content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#333;padding:20px}.content h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.content p{font-size:1.5rem;margin-bottom:2rem}.content a{color:#333;text-decoration:underline}@media (max-width: 768px){.content h1{font-size:2rem}.content p{font-size:1rem}.cloud-1{transform:scale(.4)}.cloud-2{transform:scale(.6)}.cloud-3{transform:scale(.5)}}