.clouds-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.cloud{width:140px;height:45px;background:#fff;border-radius:140px;-moz-border-radius:140px;-webkit-border-radius:140px;position:relative}.cloud:after,.cloud:before{content:"";background:#fff;width:70px;height:60px;position:absolute;top:-12px;left:8px;border-radius:70px;-moz-border-radius:70px;-webkit-border-radius:70px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-moz-transform:rotate(30deg)}.cloud:after{width:85px;height:85px;top:-40px;left:auto;right:12px}.x1{-webkit-animation:moveclouds 15s linear infinite;-moz-animation:moveclouds 15s linear infinite;-o-animation:moveclouds 15s linear infinite}.x2{left:200px;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6);opacity:.6;-webkit-animation:moveclouds 25s linear infinite;-moz-animation:moveclouds 25s linear infinite;-o-animation:moveclouds 25s linear infinite}.x3{left:-250px;top:-200px;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);opacity:.8;-webkit-animation:moveclouds 20s linear infinite;-moz-animation:moveclouds 20s linear infinite;-o-animation:moveclouds 20s linear infinite}.x4{left:470px;top:-250px;-webkit-transform:scale(.75);-moz-transform:scale(.75);transform:scale(.75);opacity:.75;-webkit-animation:moveclouds 18s linear infinite;-moz-animation:moveclouds 18s linear infinite;-o-animation:moveclouds 18s linear infinite}.x5{left:-150px;top:-150px;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);opacity:.8;-webkit-animation:moveclouds 20s linear infinite;-moz-animation:moveclouds 20s linear infinite;-o-animation:moveclouds 20s linear infinite}.x6{left:350px;top:-100px;-webkit-transform:scale(.4);-moz-transform:scale(.4);transform:scale(.4);opacity:.5;-webkit-animation:moveclouds 30s linear infinite;-moz-animation:moveclouds 30s linear infinite;-o-animation:moveclouds 30s linear infinite}.x7{left:-300px;top:-300px;-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);opacity:.9;-webkit-animation:moveclouds 22s linear infinite;-moz-animation:moveclouds 22s linear infinite;-o-animation:moveclouds 22s linear infinite}.x8{left:500px;top:-400px;-webkit-transform:scale(.55);-moz-transform:scale(.55);transform:scale(.55);opacity:.6;-webkit-animation:moveclouds 28s linear infinite;-moz-animation:moveclouds 28s linear infinite;-o-animation:moveclouds 28s linear infinite}@-webkit-keyframes moveclouds{0%{margin-left:1000px}to{margin-left:-1000px}}@-moz-keyframes moveclouds{0%{margin-left:1000px}to{margin-left:-1000px}}@-o-keyframes moveclouds{0%{margin-left:1000px}to{margin-left:-1000px}}:root{--thunder-duration:10s;--thunder-delay:5s}.rain-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.rain-drop{width:50px;border-color:transparent rgba(255,255,255,.7) transparent transparent;border-right-width:50px;position:absolute;bottom:100%;transform-origin:100% 50%;animation-name:rain;animation-timing-function:linear;animation-iteration-count:infinite}.thunder-flash{border:unset;position:absolute;width:100%;height:100%;animation-name:thunder;animation-duration:var(--thunder-duration);animation-timing-function:linear;animation-delay:var(--thunder-delay);animation-iteration-count:infinite}@keyframes rain{0%{transform:rotate(105deg) translateX(0)}to{transform:rotate(105deg) translateX(calc(100vh + 20px))}}@keyframes thunder{0%{background-color:transparent}1%{background-color:white}2%{background-color:rgba(255,255,255,.8)}8%{background-color:transparent}}.wind-effect{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.wind-line{position:absolute;height:2px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.8) 20%,rgba(255,255,255,.6) 80%,rgba(255,255,255,0));border-radius:1px;animation:windBlowRightToLeft 2s linear infinite;transform-origin:center}@keyframes windBlowRightToLeft{0%{right:-60px;opacity:0;transform:scaleX(.5)}15%{opacity:1;transform:scaleX(1)}85%{opacity:1;transform:scaleX(1)}to{right:100%;opacity:0;transform:scaleX(.8)}}.wind-leaf{position:absolute;animation:leafFloatRightToLeft 4s ease-in-out infinite;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.2))}.wind-leaf svg{width:100%;height:100%}@keyframes leafFloatRightToLeft{0%{right:-40px;transform:translateY(0) rotate(0deg) scale(.8);opacity:0}10%{opacity:1;transform:translateY(0) rotate(45deg) scale(1)}25%{transform:translateY(-20px) rotate(90deg) scale(.9)}50%{transform:translateY(-30px) rotate(180deg) scale(1.1)}75%{transform:translateY(-15px) rotate(270deg) scale(.85)}90%{opacity:1;transform:translateY(-5px) rotate(315deg) scale(1)}to{right:100%;transform:translateY(-10px) rotate(1turn) scale(.7);opacity:0}}.wind-effect[data-intensity=light] .wind-line{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.4) 20%,rgba(255,255,255,.3) 80%,rgba(255,255,255,0));animation-duration:2.5s}.wind-effect[data-intensity=light] .wind-leaf{animation-duration:5s}.wind-effect[data-intensity=strong] .wind-line{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,1) 20%,rgba(255,255,255,.8) 80%,rgba(255,255,255,0));animation-duration:1.2s;height:3px}.wind-effect[data-intensity=strong] .wind-leaf{animation-duration:2.5s}@media (max-width:768px){.wind-line{height:1px}.wind-effect[data-intensity=strong] .wind-line{height:2px}}