:root{--color-primary:#006641;--color-secondary:#f6f7ee;--color-shadow:rgb(0 0 0 / 0.2);--color-link:#00488b; --color-figure:white;--gap:0.5rem;--border-radius:1rem;--box-shadow:0px 0px 5px rgba(0,0,0,0.5);--transition-duration:0.15s;}@media (prefers-reduced-motion:reduce){:root{--transition-duration:0s;}}@font-face{font-family:'font-secondary';src:local('Arial');size-adjust:102%;ascent-override:95%;descent-override:21%;line-gap-override:3%;}@font-face{font-family:'font-primary';font-display:swap;src:url(/font/emoji.woff2) format('woff2');size-adjust:102%;ascent-override:95%;descent-override:21%;line-gap-override:3%;unicode-range:U+1F1E6-1F1FF,U+1F3C6,U+1F5FA,U+FE0F;}@font-face{font-family:'font-primary';font-display:swap;src:url(/font/icon.woff2) format('woff2');unicode-range:U+E5D2,U+E94C,U+E88A,U+E91D,U+EB42,U+E7F2,U+E1D5,U+EB27,U+E40A,U+E029,U+E90E,U+E158,U+E0B7,U+E0B0;}@font-face{font-family:'font-primary';font-display:swap;src:url(/font/greek-ext.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'font-primary';font-display:swap;src:url(/font/greek.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}@font-face{font-family:'font-primary';font-display:swap;src:url(/font/cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'font-primary';font-display:swap;src:url(/font/cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'font-primary';font-display:swap;src:url(/font/latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'font-primary';font-display:swap;src:url(/font/latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}body{margin:0;}dfn, abbr{font-style:inherit;text-decoration:dotted underline var(--color-shadow);}:focus{outline-color:var(--color-link);}[title]{cursor:help;}h1{margin-block:0.67rem;font-size:2rem;}.view-hidden{float:inline-end !important;width:1px !important;height:1px !important;margin:-4px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;box-shadow:none !important;background:none !important;}html{font-family:'font-primary', 'font-secondary', sans-serif;background-color:var(--color-secondary);background-image:url(background.webp);overscroll-behavior:none;}:where([data-root]){&[data-root]{text-align:center;display:flex;flex-direction:column;min-height:100vh;main{flex-grow:1;}}header{box-shadow:var(--box-shadow);position:sticky;top:0;font-size:1.5rem;ul{flex-direction:row;justify-content:space-between;li:nth-child(2){font-family:'Times New Roman', serif;font-variant-caps:small-caps;}}}nav{width:min(60vw, 15rem);height:100%;font-size:1.25rem;text-align:left;transition-property:transform, display, overlay;transform:translateX(-100%);&:popover-open{transform:translateX(0%);@starting-style{transform:translateX(-100%);}}&[popover]{margin-left:0;padding:0;}a{width:calc(100% - 1rem);}}aside{border-radius:var(--border-radius);padding:1rem;transition-property:opacity, display, overlay;opacity:0;&:popover-open{opacity:1;@starting-style{opacity:0;}}}main{margin:calc(3*var(--gap)) 5vw;}footer{box-shadow:var(--box-shadow);color:white;border:transparent;padding:var(--gap) 5vw;ul{--gap:0.75rem;flex-direction:row;flex-wrap:wrap;}}header, footer{background-color:var(--color-primary);color:white;}header, nav{ul{--gap:0;align-items:stretch;li>*{display:inline-block;padding:0.5rem;text-decoration:none;&:focus, &:hover{background-color:var(--color-shadow);}}}}main, aside{a[href]{color:var(--color-link);;}}ol, ul{list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:var(--gap);gap:var(--gap);}button{appearance:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;border:none;padding:0;background:none;}a{color:inherit;}::marker{color:var(--color-primary);}blockquote{border-inline-start:solid var(--color-primary);padding-inline-start:1rem;}[role=img]{width:1.2em;height:1.2em;display:inline-block;vertical-align:text-bottom;}[popover]{border:none;box-shadow:var(--box-shadow);transition-timing-function:ease-out;transition-behavior:allow-discrete;transition-duration:var(--transition-duration);&::backdrop{opacity:0;backdrop-filter:blur(var(--gap));background-color:var(--color-shadow);transition-timing-function:ease-out;transition-duration:var(--transition-duration);transition-property:opacity, display, overlay;transition-behavior:allow-discrete;}&:popover-open::backdrop{opacity:1;@starting-style{opacity:0;}}}figure{display:flex;flex-direction:column;gap:var(--gap);border-radius:var(--border-radius);overflow:hidden;background-color:var(--color-figure);padding:var(--gap);margin:0;box-shadow:var(--box-shadow);img{max-width:attr(width);width:75vmin;height:auto;background-color:var(--color-shadow);border-radius:calc(var(--border-radius) - var(--gap));}figcaption{padding:var(--gap);}}a:has(figure){display:block;width:min(60vw, 20rem);border-radius:var(--border-radius);text-decoration:none;img{width:100%;}}#cover ul, #gallery ol{flex-direction:row;flex-wrap:wrap;align-items:baseline;}main[data-src=menu]{section>ul{flex-direction:row;flex-wrap:wrap;align-items:baseline;}figcaption>ol{font-size:smaller;}p{font-size:smaller;}}main[data-src=static]{width:min(50rem, 80vw);margin-inline:auto;table{margin-inline:auto;}p, blockquote, ul, ol{text-align:justify;}ul, ol{display:block;list-style:initial;text-align:justify;padding-inline-start:1em;li{margin-block:0.5em;}}}main[data-src=animal]{#predecessors{max-width:fit-content;margin:0 auto;ol{border:solid gray 2px;border-radius:var(--border-radius);border-style:none none none solid;gap:0;li{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;margin:var(--gap);&:nth-child(1)>a>figure{--color-figure:hsl(210 100% 90% / 1);}&:nth-child(2)>a>figure{--color-figure:hsl(327 100% 93% / 1);}}}}#achievements{ul{flex-direction:row;flex-wrap:wrap;li{padding:var(--gap);border-radius:var(--border-radius);}}&>ol{gap:0;&>li>ol{gap:1rem;&>li>ul>li{border:dashed grey 1px;&>ul>li{background-color:white;box-shadow:var(--box-shadow);}}}}}}}