.aquarium{--aquarium-max-height: 16rem;--aquarium-min-height: var(--aquarium-max-height);--aquarium-mode-switch-duration: 1s;--aquarium-text-view-logo-size: var(--lh);position:relative;overflow:hidden;padding:var(--box-padding);min-height:var(--aquarium-min-height);max-height:var(--aquarium-max-height);transition-duration:1s;transition-timing-function:ease-in-out;transition-property:border,background-color,max-height;transition-duration:var(--aquarium-mode-switch-duration)}@media (prefers-reduced-motion: reduce){.aquarium{transition-property:none !important}}.aquarium.suppress-transitions,.suppress-transitions .aquarium{transition-property:none !important}.aquarium .text-view-toggle{position:relative;float:right;z-index:1}@keyframes plant-float{from{transform:scaleX(var(--scale-x)) translateY(100%) rotate(calc(var(--rotation-angle)*-1)) translateY(-100%)}to{transform:scaleX(var(--scale-x)) translateY(100%) rotate(var(--rotation-angle)) translateY(-100%)}}@keyframes item-float-50{0%, 100%{transform:translateY(calc(var(--float-up-offset)*0*-1))}50%{transform:translateY(calc(var(--float-up-offset)*-1))}}@keyframes item-float-60{0%, 100%{transform:translateY(calc(var(--float-up-offset)*.1*-1))}10%{transform:translateY(0)}60%{transform:translateY(calc(var(--float-up-offset)*-1))}}@keyframes item-float-75{0%, 100%{transform:translateY(calc(var(--float-up-offset)*.25*-1))}25%{transform:translateY(0)}75%{transform:translateY(calc(var(--float-up-offset)*-1))}}@keyframes bubble-float-up-0{0%{top:var(--top);opacity:0}60%{opacity:1}80%{opacity:1}99%{top:0;opacity:0}}@keyframes bubble-float-up-40{40%{top:var(--top);opacity:0}0%{opacity:1}20%{opacity:1}39%{top:0;opacity:0}}@keyframes bubble-float-up-70{70%{top:var(--top);opacity:0}30%{opacity:1}50%{opacity:1}69%{top:0;opacity:0}}.aquarium .item,.aquarium .logo,.aquarium .plant{position:absolute;--relavite-height: 1;height:calc(min(var(--aquarium-min-height),50svw)*var(--relavite-height))}.aquarium .plant{--animation-duration: 6s;--rotation-angle: 2deg;--scale-x: 1;bottom:-.2em;animation:var(--animation-duration) ease-in-out infinite alternate plant-float}@media (prefers-reduced-motion: reduce){.aquarium .plant{animation-duration:0s}}.aquarium .plant[data-plant-id="0"]{left:2%;--top-color: var(--teal);--bottom-color: var(--teal-contrasted);--scale-x: -1;--relavite-height: 0.8;--animation-duration: 5s}.aquarium .plant[data-plant-id="1"]{left:30%;--relavite-height: 0.3;--top-color: var(--primary);--bottom-color: var(--primary-contrasted);animation-direction:alternate-reverse}.aquarium .plant[data-plant-id="2"]{right:34%;--relavite-height: 0.4;--top-color: var(--purple);--bottom-color: var(--purple-contrasted)}.aquarium .plant[data-plant-id="3"]{right:2%;--relavite-height: 0.7;--top-color: var(--primary);--bottom-color: var(--primary-contrasted);--animation-duration: 5s}.aquarium .bubble{position:absolute;top:var(--top);height:1em;color:var(--blue-contrasted);animation:6s ease-in infinite bubble-float-up-0}.aquarium .bubble.bubble-variant-2{animation-name:bubble-float-up-40}.aquarium .bubble.bubble-variant-3{animation-name:bubble-float-up-70}@media (prefers-reduced-motion: reduce){.aquarium .bubble{display:none}}.aquarium .logo-container{display:grid;row-gap:.25em;min-width:var(--aquarium-text-view-logo-size);justify-content:center}.aquarium .logo{--animation-duration: 6s;--float-up-offset: 1rem;--relavite-height: 0.2;transition-duration:1s;transition-timing-function:ease-in-out;transition-property:top;animation:var(--animation-duration) ease-in-out infinite alternate item-float-50}@media (prefers-reduced-motion: reduce){.aquarium .logo{transition-property:none !important}}.aquarium .logo.suppress-transitions,.suppress-transitions .aquarium .logo{transition-property:none !important}@media (prefers-reduced-motion: reduce){.aquarium .logo{animation-duration:0s}}@media (prefers-color-scheme: dark),(prefers-color-scheme: no-preference){.aquarium .logo.invert-in-dark-theme{filter:invert(100%)}}:root:has(#theme-selector [value=dark]:checked) .aquarium .logo.invert-in-dark-theme{filter:invert(100%)}@media (prefers-color-scheme: light){.aquarium .logo.invert-in-dark-theme{filter:none}}:root:has(#theme-selector [value=light]:checked) .aquarium .logo.invert-in-dark-theme{filter:none}.aquarium .logo[data-tech=js]{left:15%;top:44%}.aquarium .logo[data-tech=js]+.bubble{left:calc(15% + 1em);--top: 44%}.aquarium .logo[data-tech=ts]{left:23%;top:54%;animation-name:item-float-60}.aquarium .logo[data-tech=ts]+.bubble{left:calc(23% + 1em);--top: 54%}.aquarium .logo[data-tech=angular]{left:21%;top:74%}.aquarium .logo[data-tech=angular]+.bubble{left:calc(21% + 1em);--top: 74%}.aquarium .logo[data-tech=solid]{left:16%;top:64%;--relavite-height: 0.15}.aquarium .logo[data-tech=solid]+.bubble{left:calc(16% + 1em);--top: 64%}.aquarium .logo[data-tech=python]{left:37%;top:57%}.aquarium .logo[data-tech=python]+.bubble{left:calc(37% + 1em);--top: 57%}.aquarium .logo[data-tech=rust]{left:47%;top:75%;animation-name:item-float-75}.aquarium .logo[data-tech=rust]+.bubble{left:calc(47% + 1em);--top: 75%}.aquarium .logo[data-tech=java]{left:73%;top:55%;--relavite-height: 0.3}.aquarium .logo[data-tech=java]+.bubble{left:calc(73% + 1em);--top: 55%}.aquarium .logo[data-tech=openapi]{left:61%;top:45%;--relavite-height: 0.15}.aquarium .logo[data-tech=openapi]+.bubble{left:calc(61% + 1em);--top: 45%}.aquarium .logo[data-tech=graphql]{left:65%;top:38%;--relavite-height: 0.15}.aquarium .logo[data-tech=graphql]+.bubble{left:calc(65% + 1em);--top: 38%}.aquarium .description,.aquarium h1,.aquarium h2,.aquarium h3,.aquarium h4,.aquarium h5,.aquarium h6{transition-duration:1s;transition-timing-function:ease-in-out;transition-property:opacity;animation:var(--aquarium-mode-switch-duration) hide-after-time forwards}@media (prefers-reduced-motion: reduce){.aquarium .description,.aquarium h1,.aquarium h2,.aquarium h3,.aquarium h4,.aquarium h5,.aquarium h6{transition-property:none !important}}.aquarium .description.suppress-transitions,.suppress-transitions .aquarium .description,.aquarium h1.suppress-transitions,.suppress-transitions .aquarium h1,.aquarium h2.suppress-transitions,.suppress-transitions .aquarium h2,.aquarium h3.suppress-transitions,.suppress-transitions .aquarium h3,.aquarium h4.suppress-transitions,.suppress-transitions .aquarium h4,.aquarium h5.suppress-transitions,.suppress-transitions .aquarium h5,.aquarium h6.suppress-transitions,.suppress-transitions .aquarium h6{transition-property:none !important}@keyframes hide-after-time{to{visibility:hidden;display:none}}.aquarium li{--column-gap: 1em;display:flex;column-gap:var(--column-gap)}.aquarium li:not(:last-of-type){margin-bottom:.5em}.aquarium:has(.text-view-toggle input:checked){--aquarium-min-height: 1rem;--aquarium-max-height: max(120vh, 1600px)}.aquarium:has(.text-view-toggle input:checked) .bubble,.aquarium:has(.text-view-toggle input:checked) .plant{display:none}.aquarium:has(.text-view-toggle input:checked) .item,.aquarium:has(.text-view-toggle input:checked) .plant,.aquarium:has(.text-view-toggle input:checked) .logo{position:static;height:unset;animation-duration:0s}.aquarium:has(.text-view-toggle input:checked) .logo{height:var(--aquarium-text-view-logo-size)}.aquarium:has(.text-view-toggle input:checked) .description,.aquarium:has(.text-view-toggle input:checked) h1,.aquarium:has(.text-view-toggle input:checked) h2,.aquarium:has(.text-view-toggle input:checked) h3,.aquarium:has(.text-view-toggle input:checked) h4,.aquarium:has(.text-view-toggle input:checked) h5,.aquarium:has(.text-view-toggle input:checked) h6{opacity:1;animation:none}.aquarium:has(.text-view-toggle input:not(:checked)) ul,.aquarium:has(.text-view-toggle input:not(:checked)) li{list-style:none}.aquarium:has(.text-view-toggle input:not(:checked)) .description,.aquarium:has(.text-view-toggle input:not(:checked)) h1,.aquarium:has(.text-view-toggle input:not(:checked)) h2,.aquarium:has(.text-view-toggle input:not(:checked)) h3,.aquarium:has(.text-view-toggle input:not(:checked)) h4,.aquarium:has(.text-view-toggle input:not(:checked)) h5,.aquarium:has(.text-view-toggle input:not(:checked)) h6{opacity:0;animation:var(--aquarium-mode-switch-duration) push-down-after-transition forwards}@keyframes push-down-after-transition{99.9%{margin-top:0}to{margin-top:var(--aquarium-min-height)}}.aquarium:has(.text-view-toggle input:not(:checked)) .logo{cursor:pointer}.aquarium:has(.text-view-toggle input:not(:checked)) .logo-container:focus-within .logo{top:2%;animation:none;outline:2px solid var(--secondary);outline-offset:2px;border-radius:1ch}.aquarium:has(.text-view-toggle input:not(:checked)) .logo-container:focus-within~.description{visibility:visible;position:absolute;left:0;right:0;bottom:0;margin-top:0;z-index:1;background-color:var(--paper);border-top:1px solid var(--secondary);padding:1ch;opacity:1;transition:none;animation:none}