:root{--max-content-width:24cm;--base-font-size:15pt;--links-groups-spacing:4rem;--links-vertical-spacing:1.15rem;--links-horizontal-spacing:1.3rem;--links-radius:0.25rem;--links-padding:0.75em;--transition-duration:50ms;--theme-light-color-background:#F1EAE0;--theme-light-color-foreground:#0D1910;--theme-light-color-link-foreground:#FFFFFF;--theme-dark-color-background:#292929;--theme-dark-color-foreground:#F4F4F4;--theme-dark-color-link-foreground:#000000;--theme-color-background:var(--theme-light-color-background);--theme-color-foreground:var(--theme-light-color-foreground);--theme-color-link-foreground:var(--theme-light-color-link-foreground)}@media screen and (prefers-color-scheme:dark){:root{--theme-color-background:var(--theme-dark-color-background);--theme-color-foreground:var(--theme-dark-color-foreground);--theme-color-link-foreground:var(--theme-dark-color-link-foreground)}}body{width:100%;margin:0;padding:0;font-family:inter,sans-serif;font-size:var(--base-font-size);letter-spacing:.025em;text-align:center;background-color:var(--theme-color-background);color:var(--theme-color-foreground);box-sizing:border-box}#main-header{padding:1rem;background-color:var(--theme-color-foreground);color:var(--theme-color-background)}#container{margin:0 auto;padding:1rem;max-width:var(--max-content-width);display:flex;flex-direction:column;align-items:stretch;gap:var(--links-groups-spacing)}h1{font-size:1.5em;margin:2rem auto}h2{font-size:1.25em;margin:1.5rem auto}.links-group{margin:0;padding:0}ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--links-vertical-spacing)var(--links-horizontal-spacing)}ul li{--link-color:attr(data-accent-color-light type(<color>));--shadow-color:var(--link-color);--shadow-base-height:0.25em;--shadow-action-offset:0.2em;--shadow-height:var(--shadow-base-height);background-color:var(--link-color);border-radius:var(--links-radius);transition-duration:var(--transition-duration);box-shadow:0 var(--shadow-height)rgba(0,0,0,.2),0 var(--shadow-height)var(--shadow-color),0 calc(var(--shadow-height) * 2).2em rgba(0,0,0,.2)}ul li.black-and-white{--shadow-color:#555}@media screen and (prefers-color-scheme:dark){ul li{--link-color:attr(data-accent-color-dark type(<color>))}ul li.black-and-white{--shadow-color:#BBB}}ul li a{--foreground-color:var(--theme-color-link-foreground);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:var(--links-padding);box-sizing:border-box;color:var(--foreground-color);text-decoration:none;text-decoration-color:var(--foreground-color);text-underline-offset:.25em;transition-duration:var(--transition-duration);font-weight:700;border-radius:var(--links-radius)}ul li.text-always-white a{--foreground-color:var(--theme-light-color-link-foreground)}ul li.text-always-black a{--foreground-color:var(--theme-dark-color-link-foreground)}ul li a:focus{outline:solid .2em var(--foreground-color);outline-offset:-.4rem}ul li:has(a:focus),ul li:has(a:hover){--shadow-height:calc(var(--shadow-base-height) + var(--shadow-action-offset));transform:translateY(calc(-1 * var(--shadow-action-offset)))}ul li:has(a:active){--shadow-height:calc(var(--shadow-base-height) - var(--shadow-action-offset));transform:translateY(var(--shadow-base-height))}@media screen and (min-width:16cm) and (max-width:24cm){ul{grid-template-columns:1fr 1fr}ul:not(:has(li:nth-child(2))) li:first-child,ul li:last-of-type:nth-child(odd){grid-column:1/span 2;width:calc(50% - (var(--links-horizontal-spacing)/2));margin:0 auto}}@media screen and (min-width:24cm){ul{grid-template-columns:repeat(6,1fr)}ul li{grid-column-end:span 2}ul li:last-of-type:nth-child(1){grid-column-start:3}ul:has(li:nth-child(2)):not(:has(li:nth-child(3))) li:first-child{grid-column-start:2}}ul li[data-icon] a::before{content:"";width:1.2em;height:1.2em;background-color:var(--theme-color-link-foreground);mask:var(--svg)no-repeat center;mask-size:contain}ul li[data-icon=mastodon]{--svg:url("/simple-icons-16.34.0/mastodon.svg")}ul li[data-icon=pixelfed]{--svg:url("/simple-icons-16.34.0/pixelfed.svg")}ul li[data-icon=signal]{--svg:url("/simple-icons-16.34.0/signal.svg")}ul li[data-icon=matrix]{--svg:url("/simple-icons-16.34.0/matrix.svg")}ul li.text-always-white[data-icon] a::before{background-color:var(--theme-light-color-link-foreground)}ul li.text-always-black[data-icon] a::before{background-color:var(--theme-dark-color-link-foreground)}