.animated-background{z-index:-10;position:fixed;top:0;left:0;width:100%;height:100%;transition:background-color 2s ease}.cloud{position:absolute;opacity:.95;animation:float 30s linear infinite;border-radius:50px;overflow:visible;z-index:1}.cloud:after,.cloud:before{content:"";position:absolute;border-radius:50%;z-index:2;box-shadow:inset 1px 1px 4px hsla(0,0%,100%,.9),inset -1px -1px 4px rgba(0,0,0,.1)}.cloud-highlight{background-color:hsla(0,0%,100%,.4);z-index:3;filter:blur(2px)}.cloud-highlight,.cloud-shadow{position:absolute;border-radius:50%}.cloud-shadow{background-color:rgba(0,0,0,.08);z-index:2;filter:blur(3px)}.small-cloud{width:60px;height:28px;border-radius:20px;box-shadow:inset 0 -2px 3px rgba(0,0,0,.1)}.small-cloud:before{width:32px;height:32px;bottom:10px;left:8px}.small-cloud:after{width:30px;height:30px;bottom:12px;right:8px}.small-cloud .cloud-highlight{width:20px;height:10px;top:5px;left:15px}.small-cloud .cloud-shadow{width:25px;height:8px;bottom:5px;right:15px}.medium-cloud{width:110px;height:45px;border-radius:30px;box-shadow:inset 0 -3px 5px rgba(0,0,0,.1)}.medium-cloud:before{width:50px;height:50px;bottom:15px;left:15px}.medium-cloud:after{width:55px;height:55px;bottom:15px;right:15px}.medium-cloud .puff{position:absolute;width:45px;height:45px;bottom:20px;left:40px;border-radius:50%;z-index:2;box-shadow:inset 1px 1px 4px hsla(0,0%,100%,.9),inset -1px -1px 4px rgba(0,0,0,.1)}.medium-cloud .cloud-highlight{width:35px;height:15px;top:8px;left:30px}.medium-cloud .cloud-shadow{width:40px;height:12px;bottom:10px;right:25px}.large-cloud{width:160px;height:65px;border-radius:40px;box-shadow:inset 0 -4px 8px rgba(0,0,0,.1)}.large-cloud:before{width:75px;height:75px;bottom:20px;left:20px}.large-cloud:after{width:85px;height:85px;bottom:20px;right:20px}.large-cloud .puff-1{position:absolute;width:65px;height:65px;bottom:30px;left:55px;border-radius:50%;z-index:2;box-shadow:inset 1px 1px 5px hsla(0,0%,100%,.9),inset -1px -1px 5px rgba(0,0,0,.1)}.large-cloud .puff-2{position:absolute;width:45px;height:45px;bottom:35px;left:100px;border-radius:50%;z-index:3;box-shadow:inset 1px 1px 3px hsla(0,0%,100%,.9),inset -1px -1px 3px rgba(0,0,0,.1)}.large-cloud .cloud-highlight{width:50px;height:20px;top:10px;left:40px}.large-cloud .cloud-shadow{width:60px;height:15px;bottom:15px;right:35px}.overhead-cloud{position:absolute;width:120%;left:-10%;height:80%;top:-40%;border-radius:0 0 50% 50%/0 0 30% 30%;z-index:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1) 60%);overflow:hidden}.overhead-cloud-inner{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.overhead-cloud-arch{position:absolute;width:120%;height:100%;top:20%;left:-10%;border-radius:100% 100% 0 0/100% 100% 0 0;box-shadow:0 5px 15px rgba(0,0,0,.2);animation:cloud-pulse 8s ease-in-out infinite}.overhead-cloud-layer{position:absolute;border-radius:50%;box-shadow:inset 0 -5px 15px rgba(0,0,0,.1)}.overhead-cloud-layer-1{width:45%;height:60%;left:5%;top:40%;animation:float-subtle 20s ease-in-out infinite}.overhead-cloud-layer-2{width:50%;height:50%;right:5%;top:35%;animation:float-subtle 25s ease-in-out infinite;animation-delay:3s}.overhead-cloud-layer-3{width:70%;height:30%;left:15%;top:60%;animation:float-subtle 18s ease-in-out infinite alternate;animation-delay:1s}@keyframes cloud-pulse{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes float-subtle{0%{transform:translateX(0) translateY(0)}50%{transform:translateX(10px) translateY(-5px)}to{transform:translateX(0) translateY(0)}}.celestial{position:absolute;border-radius:50%;transition:all 2s ease}.sun{width:80px;height:80px;background-color:gold;box-shadow:0 0 40px gold;animation:pulse 5s infinite alternate}.sun-rays{position:absolute;width:100%;height:100%;border-radius:50%;animation:rotate 20s linear infinite}.sun-rays:after,.sun-rays:before{content:"";position:absolute;top:-30px;bottom:-30px;left:35px;right:35px;background:rgba(255,215,0,.2);border-radius:50%/20%}.sun-rays:after{transform:rotate(45deg)}.moon{width:70px;height:70px;background-color:#cfcfc4;box-shadow:0 0 20px #cfcfc4}.moon-crater{position:absolute;background-color:#bbb;border-radius:50%}.moon-crater-1{width:15px;height:15px;top:15px;left:15px}.moon-crater-2{width:10px;height:10px;top:40px;left:40px}.moon-crater-3{width:8px;height:8px;top:20px;left:40px}.starry-sky{top:0;left:0;width:100%;height:100%;overflow:hidden}.star,.starry-sky{position:absolute;transition:opacity 2s ease}.star{background-color:#fff;border-radius:50%}.star-tiny{width:1px;height:1px;box-shadow:0 0 2px #fff}.star-small{width:2px;height:2px;box-shadow:0 0 3px #fff}.star-medium{width:3px;height:3px;box-shadow:0 0 4px #fff}.star-large{width:4px;height:4px;box-shadow:0 0 5px #fff}.twinkle-1{animation:twinkle 3s ease-in-out infinite}.twinkle-2{animation:twinkle 4s ease-in-out 1s infinite}.twinkle-3{animation:twinkle 5s ease-in-out 2s infinite}.raindrop{position:absolute;width:2px;height:15px;border-radius:3px;opacity:.7;top:-20px}.rain-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.rain-angled-left{animation:rain-left linear infinite}.rain-angled-right{animation:rain-right linear infinite}.rain-straight{animation:rain-straight linear infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 40px gold}to{transform:scale(1.05);box-shadow:0 0 60px gold}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes twinkle{0%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}to{opacity:.3;transform:scale(1)}}@keyframes rain-straight{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes rain-left{0%{transform:translateY(0) translateX(0) rotate(-15deg)}to{transform:translateY(100vh) translateX(-20px) rotate(-15deg)}}@keyframes rain-right{0%{transform:translateY(0) translateX(0) rotate(15deg)}to{transform:translateY(100vh) translateX(20px) rotate(15deg)}}@keyframes float{0%{transform:translateX(0) translateY(0) scale(1)}25%{transform:translateX(12px) translateY(-7px) scale(1.02)}50%{transform:translateX(24px) translateY(0) scale(1.05)}75%{transform:translateX(12px) translateY(7px) scale(1.02)}to{transform:translateX(0) translateY(0) scale(1)}}.rain-drop{position:fixed;background:linear-gradient(180deg,hsla(0,0%,100%,.1),rgba(100,150,255,.6));height:20px;width:1px;opacity:.6;animation-name:rain-animation;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes rain-animation{0%{transform:translateY(-20px)}to{transform:translateY(100vh)}}