.cloud{position:absolute;font-size:1rem;opacity:.6;transition:all 1.2s cubic-bezier(.4,0,.2,1);z-index:1;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (min-width: 640px){.cloud{font-size:1.2rem}}.cloud-1{top:15%;left:15%;animation:float1 8s ease-in-out infinite;animation-delay:0s}.cloud-2{top:35%;left:55%;animation:float2 10s ease-in-out infinite;animation-delay:-2s}.cloud-3{top:55%;left:75%;animation:float3 9s ease-in-out infinite;animation-delay:-4s}.cloud.moving{transform:translate(20px);opacity:.4}@keyframes float1{0%,to{transform:translate(0) translateY(0)}33%{transform:translate(8px) translateY(-3px)}66%{transform:translate(12px) translateY(-2px)}}@keyframes float2{0%,to{transform:translate(0) translateY(0)}33%{transform:translate(-6px) translateY(4px)}66%{transform:translate(-8px) translateY(6px)}}@keyframes float3{0%,to{transform:translate(0) translateY(0)}33%{transform:translate(10px) translateY(-4px)}66%{transform:translate(15px) translateY(-6px)}}.airplane{z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .5s cubic-bezier(.4,0,.2,1);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.airplane:hover{transform:translateY(-1px);transition:transform .2s ease}.plane-trail{position:absolute;top:50%;right:100%;width:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translateY(-50%);transition:all .5s ease}.plane-trail.visible{width:30px;animation:trailGlow 2s ease-in-out infinite}@keyframes trailGlow{0%,to{opacity:.6;width:25px}50%{opacity:.9;width:35px}}