@keyframes ambient-pulse{0%,50%,to{background-color:#01040bbe}25%{background-color:#01071dcc}}.App{width:100vw;height:100vh: animation: ambient-pulse 30s infinite ease-in-out;overflow:hidden}.microaquarium{position:relative;width:100%;height:100vh;background:linear-gradient(to bottom,#05051077,#01011777 60%,#10061377);overflow:hidden}.sediment{position:absolute;bottom:0;left:0;right:0;height:5%;background:radial-gradient(#24223644 0%,transparent 70%);transform:translateZ(0);filter:blur(1px)}.texture{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#12101000 50%,#00000040 40%),linear-gradient(90deg,#12101008,#baeeff08 50%,#12101008);pointer-events:none}.microorganism{position:absolute;border-radius:100%;mix-blend-mode:multiply;transform-origin:center;transition:transform .2s ease-out}.microorganism.circler{box-shadow:inset 0 0 10px currentColor;filter:saturate(2)}.circle-appendage{position:absolute;border-radius:100%;background-color:inherit;transform:translate(-50%,-50%);filter:brightness(1.5);animation:pulse 2s infinite alternate;opacity:.8}.microorganism.swirler{background:linear-gradient(135deg,var(--swirl1),var(--swirl2));border-radius:50% 80%/70% 60%}.swirly-appendage{position:relative;top:30%;left:30%;transform-origin:center 100%}.segment{position:absolute;border-radius:50% 0% 50% 50%;width:30px;height:15px;background-color:inherit;opacity:.7;animation:wiggle 4s infinite linear}.segment:nth-child(2){transform:rotate(180deg) translateY(-15px)}.microorganism.drifter{background:radial-gradient(circle,#fff 30%,transparent 65%);filter:blur(.08rem);box-shadow:0 0 5px currentColor}.drift-bubbles>div{position:absolute;background-color:#fffc;opacity:.5;animation:drift 10s infinite linear}.microorganism.shaker{background:conic-gradient(from 0deg,currentColor,var(--shaker-end))}.spike{position:absolute;width:40%;height:2px;background-color:inherit}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(.7)}}@keyframes wiggle{0%,to{transform:rotate(5deg)}50%{transform:rotate(-10deg)}}@keyframes drift{0%{transform:translateY(0) scale(1);opacity:0}30%{transform:translateY(-10px) scale(1.5);opacity:.6}to{transform:translateY(-40px) scale(0);opacity:0}}