:root{--width: 118px}body{align-content:center;background-color:"#E2FEEF";font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;margin:0;margin-top:15vh;max-width:max-content;max-height:max-content;position:relative}a{text-decoration:none}.bubble-pond{height:clamp(280px,34vw,420px);margin:1em auto 0;max-width:720px;overflow:hidden;position:relative;width:min(100%,72vw)}.bubble-link{color:inherit;outline-offset:6px}.moving-bubble-link{display:block;left:0;position:absolute;top:0;will-change:transform}.bubble{align-items:center;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.95) 0 9%,rgba(255,255,255,0) 18%),radial-gradient(circle at 35% 32%,rgba(255,255,255,.72) 0 14%,rgba(255,255,255,0) 31%),radial-gradient(circle at 64% 74%,rgba(32,130,74,.42),rgba(32,130,74,0) 38%),radial-gradient(circle at 50% 45%,#dcffe2 0,#8df295 52%,#42c563 100%);border-radius:50%;box-shadow:inset -16px -18px 24px #1865374d,inset 12px 14px 22px #ffffffb8,0 18px 26px #2b533c38,0 4px 10px #ffffff8f;display:flex;height:var(--width);justify-content:center;margin:0;padding:2%;position:relative;text-align:center;transform-style:preserve-3d;width:var(--width)}.bubble:before{background:radial-gradient(ellipse at center,rgba(255,255,255,.9) 0 24%,rgba(255,255,255,0) 72%);border-radius:50%;content:"";height:26%;left:22%;position:absolute;top:16%;transform:rotate(-24deg);width:36%}.bubble:after{background:radial-gradient(circle,rgba(255,255,255,.28),rgba(255,255,255,0) 68%);border-radius:50%;content:"";top:8%;right:8%;bottom:8%;left:8%;position:absolute}.bubble-title{color:#164f31;font-weight:700;line-height:1.1;max-width:86%;position:relative;text-shadow:0 1px 0 rgba(255,255,255,.75);z-index:1}.moving-bubble{transition:filter .18s ease}.moving-bubble.is-paused{filter:brightness(1.06) saturate(1.08)}@media (prefers-reduced-motion: no-preference){.name{animation:name-spin 1 5s linear}}@media (max-width: 600px){.bubble-pond{height:360px;width:100%}}@keyframes name-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@-webkit-keyframes name-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}