*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
a { color: inherit; }
@keyframes float1 { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-8px) rotate(0.4deg); } }
@keyframes float2 { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-10px) rotate(-0.5deg); } }
@keyframes float3 { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-6px) rotate(0.3deg); } }
@keyframes float4 { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-9px) rotate(-0.3deg); } }
@keyframes orbitCCW1 { from { transform: rotate(0deg) translateX(var(--orbit-r, 160px)) rotate(0deg); } to { transform: rotate(-360deg) translateX(var(--orbit-r, 160px)) rotate(360deg); } }
@keyframes orbitCCW2 { from { transform: rotate(-90deg) translateX(var(--orbit-r, 160px)) rotate(90deg); } to { transform: rotate(-450deg) translateX(var(--orbit-r, 160px)) rotate(450deg); } }
@keyframes orbitCCW3 { from { transform: rotate(-180deg) translateX(var(--orbit-r, 160px)) rotate(180deg); } to { transform: rotate(-540deg) translateX(var(--orbit-r, 160px)) rotate(540deg); } }
@keyframes orbitCCW4 { from { transform: rotate(-270deg) translateX(var(--orbit-r, 160px)) rotate(270deg); } to { transform: rotate(-630deg) translateX(var(--orbit-r, 160px)) rotate(630deg); } }