.wewzno1jv .channel{border:solid var(--foreground);border-width:0 0 0 1px;transition:background 1000ms linear;.wewzno1jv &:hover{}.channel-title {
    text-align: left;
    margin: 0.5em 1em;
  }
  .channel-blocks {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    gap: 1em;
    padding: 0 1em 1em 1em;
  }
  .channel-block {
    max-height: 154px;
    img,
    video,
    div,
    a {
      height: 150px;
      width: max-content;
      min-width: 50px;
      transition:
        background-color 1000ms linear,
        opacity 400ms ease-in-out;
    }
    div * {
      border: solid;
      border-width: 1px 1px 4px 1px;
      border-color: var(--foreground);
    }
  }
  a.channel-block:hover div {
    * {
      opacity: 0.75;
    }
  }
  a.channel-block:visited {
    div {
      background-color: var(--visited);
    }
    div * {
      border-color: var(--visited);
    }
  }
  a.channel-block {
    div {
      background-color: var(--a);
    }
    div * {
      border-color: var(--a);
    }
  }}
.w2-9tz416{max-width:700px}.w2-9tz416 img{width:calc(100% - 4em);height:max-content}
.w8lw3tl10{position:sticky;top:0;margin-left:-.75em;padding:.25em 0;opacity:.5}.w8lw3tl10 a{color:var(--foreground)}.w8lw3tl10 a:visited{color:var(--foreground)}
@property --angle{syntax:"<angle>";inherits:true;initial-value:180deg}@keyframes orbit{to{--angle: 540deg}}@keyframes reverse-orbit{to{--angle: -180deg}}@keyframes slow-it-all{from{--angle: 180deg}}.wajnzfbla{font-size:1em;display:inline-block;// margin: 0 0 2.5em 0;}.wajnzfbla div a{display:flex;text-decoration:none}.wajnzfbla span{--distance: calc(var(--to) * 0.6em);--speed: calc(abs(var(--to)) * 0.7s + 1s);--color: hsl(200, 30%, calc(abs(var(--to)) * 15%));color:var(--a);translate:calc(var(--distance) + var(--x)) var(--y);transition:color 1s ease-in-out}.wajnzfbla span:nth-of-type(even){--x: calc(cos(var(--angle)) * var(--distance));--y: calc(sin(var(--angle)) * var(--distance))}.wajnzfbla span:nth-of-type(odd){--x: calc(cos(var(--angle)) * var(--distance));--y: calc(sin(var(--angle)) * var(--distance))}.wajnzfbla:hover span{color:var(--color)}.wajnzfbla:hover span:nth-of-type(even){animation:reverse-orbit var(--speed) linear infinite}.wajnzfbla:hover span:nth-of-type(odd){animation:orbit var(--speed) linear infinite}
.wu9dsckxh div.sitemap,.wu9dsckxh .sitemap{display:grid;grid-template:repeat(20,auto)/repeat(20,auto);text-align:center;a {
      padding: 0 0.25;
    }
    #home {
      grid-area: 10 / 10;
    }
    #about {
      grid-area: 9 / 11;
    }
    #work {
      grid-area: 11 / 9;
    }
    #moss {
      grid-area: 12 / 9;
    }
    #ara {
      grid-area: 11 / 8;
    }
    #colophon {
      grid-area: 13 / 11;
    }
    #uses {
      grid-area: 10 / 12;
    }
    #projects {
      grid-area: 11 / 11;
    }
    #awm {
      grid-area: 11 / 12;
    }
    #post {
      grid-area: 9 / 9;
    }
    #time {
      grid-area: 8 / 9;
    }
    #now {
      grid-area: 8 / 12;
    }
    #ai {
      grid-area: 10 / 13;
    }
    #linux {
      grid-area: 12 / 13;
    }
    #map {
      grid-area: 1 / 20;
      text-align: right;
    }}
.wmng-b3p7 footer{margin:2em 0 0 0;border-top:1px solid var(--foreground);padding:1em 0;display:grid;grid-template:auto 1fr/3fr 2fr;@media screen and (max-width:500px){grid-template:auto/1fr}ul {
      display: flex;
      margin: 0.5em 0em;
      padding: 0;
      gap: 0.5em;
      padding: 0;
      li {
        display: block;
      }
    }}
@media (prefers-color-scheme: dark) {
  :root {
    --foreground: hsl(0 0% 100%);
    --background: hsl(0 0% 0%);
    --accent: hsl(0 0% 30%);
    --a: hsl(200, 30%, 75%);
    --visited: hsl(285, 30%, 75%);
  }
}

@media (prefers-color-scheme: light) {
  :root {
    --foreground: hsl(0 0% 0%);
    --background: hsl(0 0% 100%);
    --accent: hsl(0 0% 90%);
    --a: hsl(200, 30%, 50%);
    --visited: hsl(285, 30%, 50%);
  }
}

html {
  font-size: 16px;
  tab-size: 4;
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
}

* {
  box-sizing: border-box;
}

body {
  background: var(--background);
  color: var(--foreground);
  margin: 0 1rem;
  overflow-x: hidden;
}

article {
  line-height: 1.33;
}

a {
  color: var(--a);
  text-decoration: none;
  &:visited {
    color: var(--visited);
  }
  &:hover,&:focus {
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-color: color-mix(in srgb, currentColor, transparent 35%);
  }
  transition: color 200 linear;
}

img {
  display: block;
  max-width: 100%;
  font-style: italic;
  text-wrap: balance;
}

ul {
  padding-left: 0.25em;
}

li {
  list-style-type: none;
}

.large-text {
  font-size: 1.75em;
  font-weight: 800;
}

.small-text {
  font-size: 0.75em;
}

.bg-text {
  padding: 0.15em 0.35em;
  background: var(--accent);
}

h1 {
  font-size: 1.25em;
}

h2 {
  font-size: 1.15em;
}

h3 {
  font-size: 1.05em;
}