main.svelte-1i0g8es{inline-size:100%;block-size:100%;display:grid;place-content:center;container-type:size}.content.svelte-1i0g8es{--aspect-inline: 259;--aspect-block: 150;inline-size:min(100cqi,calc((var(--aspect-inline) / var(--aspect-block)) * 100cqb));block-size:min(100cqb,calc((var(--aspect-block) / var(--aspect-inline)) * 100cqi));position:relative;background-size:contain;background-repeat:no-repeat;background-position:center}.content.svelte-1i0g8es>:where(.svelte-1i0g8es){position:absolute}h1.svelte-1i0g8es{top:15%;left:56%;inline-size:37%;display:flex;animation:svelte-1i0g8es-slideDownUp 2.3s infinite cubic-bezier(.15,.01,.85,1)}.fish-details.svelte-1i0g8es{top:10%;left:5%;inline-size:40%;block-size:74%;background-position:top center,bottom center;background-size:90%,77%;background-repeat:no-repeat;display:flex;flex-direction:column;place-items:center}.fish-details.svelte-1i0g8es .fish-name:where(.svelte-1i0g8es){inline-size:100%;text-align:center;position:absolute;top:9%;color:#fff;font-size:max(1rem,4cqi)}.fish-details.svelte-1i0g8es .fish-image:where(.svelte-1i0g8es){position:absolute;top:23%;inline-size:75%}.fish-details.svelte-1i0g8es .fish-ecology:where(.svelte-1i0g8es){position:absolute;top:79%;inline-size:69%;block-size:20%;white-space:pre-line;word-break:unset;word-break:auto-phrase;overflow:hidden;text-overflow:ellipsis;line-clamp:4;-webkit-line-clamp:4;font-size:max(1rem,1.35cqi)}nav.svelte-1i0g8es{top:10%;left:55%;inline-size:40%;block-size:74%;display:flex;flex-direction:column;place-items:center}nav.svelte-1i0g8es>div:where(.svelte-1i0g8es){position:absolute;top:30%;inline-size:75%;block-size:30%;display:flex;justify-content:space-around;align-items:center}nav.svelte-1i0g8es>div>button:where(.svelte-1i0g8es){block-size:50%;aspect-ratio:1/1;background-color:transparent;border:none}nav.svelte-1i0g8es>div>#page-number:where(.svelte-1i0g8es){font-size:max(1rem,3cqi)}nav.svelte-1i0g8es>a{position:absolute;top:65%;display:block;inline-size:70%;block-size:30%}.start-char.svelte-1i0g8es{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5em;font-weight:700;inline-size:100%;text-align:center;font-size:max(1rem,3cqi)}@keyframes svelte-1i0g8es-slideDownUp{0%{transform:translateY(0)}50%{transform:translateY(10%)}to{transform:translateY(0)}}