.orb{position:fixed;z-index:0;pointer-events:none;left:0;top:0;transform:translate(var(--x, 50vw),var(--y, -40vh)) translate(-50%,-50%);will-change:transform,opacity}.orb--sun{width:clamp(448px,77vmin,840px);height:clamp(448px,77vmin,840px)}.orb--moon{width:clamp(150px,20vmin,240px);height:clamp(150px,20vmin,240px);opacity:0}#clouds{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--dayness, 1)}#clouds canvas{position:absolute;left:0;top:0;transform:translate(var(--x, 0vw),var(--y, 0vh)) translate(-50%,-50%)}#vogels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;opacity:var(--dayness, 1)}#vogels img{position:absolute;left:0;top:0;will-change:transform}#stars{position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;pointer-events:none;opacity:var(--starlight, 0);transform:rotate(var(--starturn, 0deg));transform-origin:50% 50%;will-change:transform}#stars i{position:absolute;border-radius:50%;background:var(--ster, #eef0ff);opacity:var(--o, .8)}#stars i.tw{animation:twinkle var(--tw, 3s) ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes twinkle{0%,to{opacity:var(--o, .8);transform:scale(1)}7%{opacity:.15}11%{opacity:var(--o, .8)}14%{opacity:.35;transform:scale(.8)}22%{opacity:1;transform:scale(1.25)}30%{opacity:var(--o, .8);transform:scale(1)}55%{opacity:.5}61%{opacity:1}}