@charset "UTF-8";@import "styles/atom-one-dark.css";:root{--deep-red:oklch(55.39% 0.221 10.2);--deep-red-accent:oklch(65.39% 0.3 10.2);--dark-navy-blue:oklch(22.89% 0.02 258.35);--greenish-white:oklch(89.04% 0.022 179.13);--leftpane-bg:var(--deep-red);--rightpane-bg:var(--dark-navy-blue);--text-color-leftpane:var(--dark-navy-blue);--text-color-rightpane:var(--greenish-white);--text-size:17px;--line-height:1.25em;--font-main:'Overpass Mono'}[debug] *{outline:4px dashed red}html,body{height:100%;font-family:var(--font-main),monospace;background:var(--dark-navy-blue)}body{color:var(--text-color-rightpane);font-size:var(--text-size);line-height:var(--line-height);margin:0}canvas{display:block}p{line-height:var(--line-height);margin-right:0;margin-left:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-main),monospace;font-weight:800;font-size:var(--text-size);margin-right:0;margin-left:0;line-height:var(--line-height)}h1{color:var(--leftpane-bg);margin-top:0}a{color:var(--leftpane-bg);text-decoration:none}a:hover,a:focus{color:var(--deep-red-accent);text-decoration:none}blockquote{color:gray;font-style:italic}blockquote p:first-child{margin-top:0}hr.small{max-width:100px;margin:15px auto;border-width:4px;border-color:inherit;border-radius:3px}ul{list-style-type:square;line-height:var(--line-height)}code{font-family:var(--font-main),monospace;font-size:var(--text-size);color:oklch(from var(--text-color-rightpane) calc(l * .65) calc(c * .1) h)}code>span{margin-top:auto}input{font-family:var(--font-main),monospace;background:var(--text-color-leftpane);color:var(--text-color-rightpane);border:solid 2px var(--greenish-white) !important;line-height:var(--line-height);padding:.5em;border-radius:2px;width:50%}input:focus{outline:0}input::placeholder{font-size:var(--text-size) !important;font-family:var(--font-main),monospace !important}textarea{font-family:var(--font-main),monospace;background:var(--text-color-leftpane);color:var(--text-color-rightpane);border:solid 2px var(--greenish-white) !important;line-height:var(--line-height);padding:.5em;border-radius:2px;width:50%}textarea:focus{outline:0}textarea::placeholder{font-size:var(--text-size) !important;font-family:var(--font-main),monospace !important}@container(max-width:500px){input {
    width: calc(100% - 1em); }
  textarea {
    width: calc(100% - 1em); } }button{font-family:var(--font-main),monospace;background:var(--leftpane-bg);color:var(--text-color-leftpane);font-size:var(--text-size) !important;border:none;line-height:var(--line-height);padding-top:.5em;padding-bottom:.5em;padding-left:1em;padding-right:1em;cursor:pointer}button:hover,button:focus{background:var(--deep-red-accent)}table{margin-left:auto;margin-right:auto;margin-top:48px;margin-bottom:48px}table tr th{text-align:left;padding:6px 13px;border-bottom:1px solid;margin:0}table tr td{text-align:left;padding:6px 13px;margin:0}*+*{margin-top:var(--line-height);margin-bottom:0}li+li{margin-top:0;margin-bottom:0}figure{color:var(--rightpane-bg);margin-top:0;margin-bottom:0}figure img{display:block;margin-left:auto;margin-right:auto}figure figcaption{background:var(--leftpane-bg);padding-left:1em;padding-right:1em;display:block;margin-top:0;padding-top:.4em}.codeblock-filename+.highlight{margin-top:0}.codeblock-filename+.highlight .chroma{margin-top:0;border-radius:0 0 6px 6px}.codeblock-filename{border-bottom:1px solid;padding-top:8px;padding-right:12px;border-radius:6px 6px 0 0;background:#282a36;color:var(--text-color-rightpane)}.chroma{padding-top:1rem;padding-bottom:1rem;padding-left:1rem;border-radius:6px}.layout-container{display:grid;height:100%;grid-template-columns:2fr 6fr;align-content:stretch}.layout-container>.layout-container-left{grid-column:1;align-self:stretch;height:100%;margin-top:0}.layout-container>.layout-container-right{grid-column:2;align-self:stretch;padding-left:32px;margin-top:0}.right-contents{container-type:inline-size;background:var(--rightpane-bg);max-width:60rem;margin-right:32px;height:auto;padding-top:var(--line-height)}.left-contents{background:var(--leftpane-bg);height:100%;padding-right:32px;padding-top:var(--line-height)}[role=divider]{min-width:64px;max-width:64px;background-repeat:repeat-y;background-size:64px;background-image:url(/img/divider01.png)}@media only screen and (max-width:900px){.layout-container{display:grid;width:100%;grid-template-rows:1fr 1fr;grid-template-columns:1fr;align-content:stretch;gap:32px 0}.layout-container>.layout-container-left{grid-area:1/1/2/2;align-self:stretch;height:100%;margin-top:0}.layout-container>.layout-container-right{grid-area:2/1/3/2;align-self:stretch;padding-left:32px;margin-top:0}}nav a{color:var(--rightpane-bg);text-align:right}nav a:hover,nav a:focus{color:var(--rightpane-bg)}nav ul{list-style-type:none;text-align:right;margin:0}nav ul+ul{margin-top:var(--line-height)}nav li{color:var(--rightpane-bg);background-position:100% .4em;padding-right:0;margin-bottom:0}.projects-list{display:flex;flex-direction:column;height:100%;margin-top:3rem;margin-bottom:4rem}.projects-list div+div{margin-top:3rem}.project-card{aspect-ratio:8/3;position:relative;width:100%;min-height:140px}.project-card img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;filter:saturate(80%)brightness(.9);transition:.1s}.project-card:hover img{filter:saturate(100%)brightness(1)}.project-card p{color:var(--rightpane-bg);font-size:var(--text-size);text-align:left;margin:0 0 0 32px;transition:.5s cubic-bezier(.22,1,.36,1)}.project-card:hover p{margin:0 0 0 48px}.projects-piece-banner-container{width:100%;height:100%;margin:0;position:absolute}.projects-piece-banner{position:relative;text-align:center;padding:0;overflow:hidden;margin:0;top:65%;height:1em;padding-top:1rem;padding-bottom:1rem;background:var(--leftpane-bg)}@container(min-width:500px){.projects-piece-banner {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; } }.projects-piece-banner-mod-date{width:auto;position:absolute;right:.8em;bottom:0;font-size:.8rem;color:oklch(from var(--leftpane-bg) calc(l * 1.15) c h);text-shadow:.5px .5px .2px oklch(from var(--leftpane-bg) calc(l * 1.4) c h),-.5px -.5px .2px oklch(from var(--leftpane-bg) calc(l * .6) c h)}.flex-container-socials{display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;color:var(--rightpane-bg);width:auto;margin-top:24px;margin-bottom:32px;margin-left:auto;margin-right:auto;justify-content:space-between;max-width:500px}.flex-container-socials *+*{margin-top:0;margin-bottom:0}.mugshot{display:block;border-radius:50%;margin-top:32px;margin-right:auto;margin-bottom:32px;margin-left:auto}pre{overflow:auto}.next-prev-buttons{display:flex;justify-content:space-between;margin-top:calc(2 * var(--line-height));margin-bottom:calc(2 * var(--line-height))}.next-prev-buttons *+*{margin-top:0;margin-bottom:0}.posts-list *+*{margin-top:0;margin-bottom:0}.posts-list-header::after{content:"│";display:block}.posts-list-entry{display:flex}.posts-list-entry::before{content:'├─';padding-right:1rem}.posts-list-entry:last-child::before{content:'╰─';padding-right:1rem}.posts-list-entry-date::before{padding-right:.5rem;content:'//'}.posts-list-entry-date{flex-grow:4;text-align:right}.date-decorate{display:flex;flex-direction:column;align-items:center;gap:6px;color:#d30054}.toot-content{margin-top:0;border-left:4px solid;border-right:4px solid;border-bottom:4px solid;border-color:var(--leftpane-bg);padding-bottom:1rem}.toot-content p{padding-left:1rem;padding-right:1rem}.toot-content p:first-child{margin-top:0;padding-top:1rem}.toot-header{background-color:var(--leftpane-bg);margin-top:0;margin-bottom:0;color:var(--rightpane-bg);padding-left:calc(4px + 1rem);padding-top:calc(4px)}.toot-header a{color:var(--rightpane-bg)}.comment{border-left:.5rem solid var(--leftpane-bg);padding-left:1rem}.comment-meta{display:flex;flex-direction:column;justify-content:space-between}.comment-meta>*{margin-top:0}.comment-date{order:-1}@container(min-width:500px){.comment-meta {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .comment-meta > * {
      margin-top: 0px; }
  .comment-date {
    order: 2; } }.monkey-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;align-content:flex-end;gap:1em}@container(min-width:500px){.monkey-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-end;
    gap: 1em; } }.monkey-text{display:inline-block;height:auto;margin:0;border-radius:16px;border:2.5px solid #cce0db;padding:24px}.monkey{max-height:160px;margin-top:0}#blur{color:transparent;text-shadow:0 0 .03em var(--text-color-rightpane)}