#main-header,.nav-container-open{box-shadow:0 4px 0 var(--secondary-bg-color),0 5px 5px var(--secondary-bg-color)}#post-header svg,.nav-item.active svg,.nav-item:hover svg{fill:var(--accent-color-less-transparent)}#main-header,#nav-container,article header,body{background-color:var(--main-bg-color)}.nav-item,article header h3,nav ul{display:flex;gap:1rem}.nav-item::after,.post-card header .header-nav-arrow{transition:opacity .2s ease-in-out,transform .2s ease-in-out}.description,.portfolio-card footer{background-color:var(--more-transparent-color-dark)}#sidebar nav ol li,nav ul{list-style:none}#post-content h2,#post-content h3,.about-section{scroll-margin-top:5rem}#post-content li,#sidebar-menu ul{padding-left:.5rem}#comment-container,#main-content,#posts{transition:opacity 150ms ease-in-out}.comment header,.post-card::after{box-shadow:0 4px 8px 4px rgba(0,0,0,.1)}#register-article div,#toCommentsAnchor,.center,dialog #login-message{text-align:center}:root{--main-bg-color:rgb(40, 40, 40);--secondary-bg-color:rgb(33, 33, 33);--accent-color:rgb(130, 255, 165);--accent-color-less-transparent:rgba(130, 255, 165, 0.75);--accent-color-more-transparent:rgba(130, 255, 165, 0.05);--accent-color-transparent:rgba(130, 255, 165, 0.25);--color-dark:rgb(41, 41, 41);--color-light:rgb(105, 105, 105);--transparent-color-dark:rgba(41, 41, 41, 0.5);--transparent-color-light:rgba(105, 105, 105, 0.5);--more-transparent-color-dark:rgba(41, 41, 41, 0.25);--more-transparent-color-light:rgba(105, 105, 105, 0.25);--main-text-color:rgb(227, 230, 233);--main-text-color-transparent:rgba(227, 230, 233, 0.75);--error-color:rgb(255, 120, 120);--code-color:rgb(232, 212, 171);--header-font-family:"Anta";--main-text-font-family:"Roboto"}html{scroll-behavior:smooth;font-size:90%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{color:var(--main-text-color);margin:0;font-family:var(--main-text-font-family),sans-serif}.nav-item,h1,h2{font-family:var(--header-font-family),sans-serif}main{background-color:var(--secondary-bg-color);width:100%}ol,p,ul{line-height:2}#main-content{padding:2.5rem 1rem 4rem;opacity:1;min-height:calc(100vh - 8.5rem)}#comment-container.htmx-swapping,#main-content.htmx-swapping,#posts.htmx-swapping{opacity:0}#main-header{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;z-index:3;gap:.5rem;border-bottom:2px solid var(--color-light);margin:0;padding:.5rem 1rem .25rem;position:sticky;top:0}#main-header h2{margin:0;font-size:1.25rem;line-height:1}#main-header h2 small{font-size:.9rem}#post-header{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:calc(3rem + 5vh)}#comment-container>.comment,#posts{margin-bottom:2rem}#post-header h1{margin:0;font-size:3rem}#post-header svg{width:3rem;height:3rem;float:left;margin-right:1rem}#portfolio-container>header,#posts>header{margin:0 auto calc(2rem + 5vh)}#nav-container{display:grid;position:absolute;grid-template-rows:0fr;opacity:0;top:3rem;left:0;width:100%;height:fit-content;transition:grid-template-rows .2s ease-in-out,opacity .2s ease-in-out;padding:1rem 0}.nav-container-open{grid-template-rows:1fr!important;opacity:1!important}#nav-container nav{overflow:hidden}#menu-toggle-btn{background-color:var(--transparent-color-dark);padding:0;height:1.75rem;font-size:1.5rem;border-color:var(--main-bg-color)}.active-nav-link,.menu-open-toggle-btn{color:var(--accent-color)!important}nav ul{flex-direction:column;align-items:flex-end;margin:0 2rem .5rem 0;padding:0}.nav-item{cursor:pointer;justify-content:center;align-items:center;position:relative;text-decoration:none;padding:.25rem 0;color:var(--main-text-color)}.denote-parent-comment,.denote-reply,a,button,input[type=submit]{font-family:var(--main-text-font-family),sans-serif}#sidebar-toggle span,.denote-parent-comment,.denote-reply,a{color:var(--accent-color-less-transparent)}.nav-item svg{width:1rem;height:1rem;fill:var(--main-text-color);opacity:.5}.nav-item:hover svg{opacity:.8}.nav-item.active svg{opacity:1}.nav-item span,.nav-item svg{transition:opacity .2s ease-in-out,fill 150ms ease-in-out}#sidebar-toggle:hover span,.nav-item.active,.nav-item:hover{color:#fff}.nav-item.active::after,.nav-item:hover::after{opacity:1;transform:scaleX(1)}.nav-item::after{content:"";position:absolute;top:0;right:0;width:10rem;height:100%;border-bottom:1px solid var(--accent-color-less-transparent);opacity:0;transform-origin:right center;transform:scaleX(0)}#sidebar-menu,.htmx-request .htmx-indicator,.post-card::after,dialog{transition:opacity .2s ease-in-out}button,input[type=submit]{cursor:pointer}#post-content-input,#toCommentsAnchor,.btn-primary,.btn-secondary,dialog,input,select,textarea{color:var(--main-text-color)}a:hover{color:var(--accent-color)}.about-section{width:100%}.about-section:last-of-type{padding-bottom:5rem}.about-section ul{padding-left:calc(.5rem + 2vw);list-style:circle}#posts{opacity:1;max-width:80rem}#posts>header{padding-bottom:.5rem;border-bottom:1px dashed var(--accent-color-transparent)}#posts>header div{display:flex;flex-wrap:wrap;align-items:center;column-gap:2.5rem}#edit-category-container{margin:1.5rem 0}article header{padding:.75rem}.post-card header{transition:border-color .2s ease-in-out,color .2s ease-in-out}.post-card a{position:absolute;color:transparent;inset:0;z-index:2}.portfolio-card header,.post-card header{display:flex;flex-wrap:wrap;column-gap:1rem;justify-content:space-between;border-bottom:2px solid var(--accent-color-transparent)}.portfolio-card header{border-bottom:2px solid var(--accent-color-less-transparent)}.category-card header h4{padding:0 .5rem}.post-card:hover{transform:scale(1.01)}.post-card:hover header{border-color:var(--accent-color);color:#fff}.post-card .header-nav-arrow{transform:translateX(0)}.post-card:hover .header-nav-arrow{opacity:1;transform:translateX(.5rem)}article header h3{margin:0}#post-container header,article footer,article header{align-items:center}.post-card{transform:scale(1);will-change:transform;transition:transform .2s ease-in-out}.post-card header .header-nav-arrow{opacity:.65}#portfolio-container,#welcome-text{display:flow-root}#portfolio-container>div{display:grid;gap:0 2rem;grid-template-columns:1fr}.portfolio-card,.post-card{position:relative;border:1px solid var(--more-transparent-color-light);border-radius:.25rem;height:fit-content;margin-bottom:2rem}.post-card::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.post-card:hover::after{opacity:1}.portfolio-card footer{padding:.5rem;border-top:1px dashed var(--more-transparent-color-light)}#sidebar-menu,.comment header{background-color:var(--color-dark)}.portfolio-card footer a{margin-right:1rem;text-decoration:none}.portfolio-card .description{border-radius:0}.description{padding:1.5rem 1.25rem;min-height:4rem}.description p,.posts-heading{margin:0}.btn-primary{background-color:var(--accent-color-transparent);border:1px solid var(--accent-color-less-transparent);border-radius:.25rem;transition:color .2s ease-in-out,border-color .2s ease-in-out,background-color .2s ease-in-out;padding:.5rem .75rem;font-weight:500}.btn-primary:hover{background-color:var(--accent-color-less-transparent);color:var(--color-dark);border-color:var(--secondary-bg-color)}.btn-secondary{background-color:var(--accent-color-more-transparent);border:1px solid var(--accent-color-transparent);border-radius:.25rem;padding:.3rem .5rem;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;font-weight:600;font-size:.75rem}.btn-secondary:hover{background-color:var(--accent-color-transparent);color:var(--accent-color);border-color:var(--accent-color)}#categories-container{display:flex;flex-wrap:wrap;gap:.5rem}.active-category,.active-category:hover{background-color:#000;color:var(--accent-color);border-color:var(--accent-color-transparent);cursor:default}#post-content code,#post-content pre,#post-content-input,dialog form input[type=submit],input,select,textarea{background-color:var(--transparent-color-dark)}#post-content h2,.portfolio-heading{border-bottom:1px dashed var(--accent-color-transparent)}#post-content,dialog article header{border-bottom:1px solid var(--transparent-color-light)}#login-container{display:flex;align-items:center;gap:1rem;padding:2rem 0 1rem}.htmx-indicator{opacity:0;visibility:hidden}#loader>p{margin:0!important}.htmx-request .htmx-indicator{opacity:1;visibility:visible}#comment-container>.btn-secondary,.full-width{width:100%}.login-error-container{display:flex;flex-direction:column;padding:1rem}.spacer{padding:.5rem 0}#error-section{margin:1rem auto}#error-field{margin:auto;font-size:1.25rem}img[src$="#inline-img"]{display:inline;width:100%;height:auto;max-width:fit-content;margin:0}img[src$="#full-width-img"]{display:block;width:100%}p:has(img[src$="#inline-img"],img[src$="#full-width-img"]){text-align:center}#post-text{padding:0 0 2rem}#post-text h2{margin:calc(2rem + 5vh) auto 2.5rem}#post-text>h2:first-of-type{margin:0 auto 2.5rem}#welcome-text>h2{margin:2rem auto}#post-content{display:flex;flex-direction:column}.about-image{float:right;margin:0 0 .5rem calc(.5rem + 2vw);width:8rem;height:auto;border-radius:.25rem;aspect-ratio:250/380}#sidebar{position:fixed;bottom:2.5rem;align-self:flex-end;padding:1rem 0 0 .5rem;width:fit-content;z-index:3}#sidebar-toggle{position:fixed;right:0;bottom:10%;writing-mode:vertical-lr;padding:.5rem 0 .5rem .25rem;opacity:.85;border-radius:.25rem 0 0 .25rem;border:none}#sidebar-menu{visibility:hidden;opacity:0;border-radius:.25rem;position:fixed;right:0;bottom:calc(.5rem + 2vh);top:calc(3rem + 5vh);border:1px solid var(--more-transparent-color-light);overflow-y:auto;max-height:100%;width:95%;min-width:18rem;padding:1rem}#post-content code,#post-content pre,.comment,.post-thumbnail{border-radius:.25rem}#sidebar-menu div{display:flex;justify-content:space-between;gap:1rem}#toCommentsAnchor{padding:.25rem;margin-top:2rem;width:fit-content;font-size:.8rem}#close-sidebar-btn{padding:.15rem .25rem;visibility:visible;opacity:1;float:right}.toc-open{visibility:visible!important;opacity:1!important}.toc-open-btn{visibility:hidden!important;opacity:0!important}#sidebar nav ol{padding-left:0}#sidebar-menu ul{display:block;margin-left:.5rem}#sidebar-menu ul li{border-left:1px dashed var(--transparent-color-light)}.sidebar-nav-item{text-decoration:none;font-size:.9rem;font-weight:300;color:var(--main-text-color-transparent);transition:color .2s ease-in-out,border-color .2s ease-in-out;display:block}.read-zone-active-nav-link,.sidebar-nav-item:hover{color:var(--accent-color)!important;text-decoration:underline}.viewed-nav-link{color:var(--accent-color-less-transparent);text-decoration:none}#sidebar-menu ul:has(.active-nav-link)>li:has(.active-nav-link){border-left:1px dashed var(--accent-color-less-transparent)}#sidebar-menu>ol>li>a{font-weight:400}.portfolio-heading,.posts-heading{font-size:2rem}.portfolio-heading{padding-bottom:.5rem}#post-content h2{padding-bottom:.5rem;font-size:2rem}#post-content h3{font-size:1.25rem}#post-content pre{padding:.5rem;color:var(--code-color);display:block;max-width:100%;width:0;min-width:100%;overflow-x:auto;line-height:1.5}#post-content pre code{padding:0;border-radius:0;background-color:transparent}#post-content code{padding:.25rem;color:var(--code-color)}.post-thumbnail{width:4rem;height:auto;float:left;margin-right:2rem}#post-header-content{display:flex;flex-wrap:wrap;align-items:center;width:100%}.about-header{border-bottom:none!important}#categories,#single-post-navigation-container{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;width:100%;padding:1rem 0 0}#comments-section{display:flex;flex-direction:column}#comment-form{margin:0;padding-bottom:1rem}#comment-container{opacity:1}#comment-container>h4{padding:1rem 0}#comment-list:has(.comment)>.no-comments-msg{display:none}.comment{margin:1rem 0;padding-bottom:.5rem;border:1px solid var(--transparent-color-light)}.comment header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;border-radius:.25rem .25rem 0 0;padding:.5rem;border-bottom:2px solid var(--accent-color-transparent);border-left:1px solid var(--transparent-color-light)}.comment-content{margin-left:.5rem;padding:.5rem .5rem 1rem 1rem;font-size:.9rem;border-left:1px dashed var(--accent-color-transparent)}.comment-input{background-color:var(--more-transparent-color-light);border:1px solid var(--transparent-color-light);border-radius:.25rem;padding:.5rem}#login-article .btn-secondary,#register-article .btn-secondary,.close-btn,dialog{background-color:var(--main-bg-color)}.comment-input textarea{background-color:transparent}.comment-input .form-group{justify-content:space-between}.comment-replies{margin:0 0 0 .5rem;padding-top:.5rem;position:static}.comment-replies summary{position:relative;z-index:1;right:.5rem;bottom:.5rem;font-size:1.25rem;cursor:pointer;width:1.25rem;color:var(--accent-color)}.btn-get-replies{width:calc(100% - .5rem)}.comment-replies[open]>summary::marker{content:'\229D'}.comment-replies>summary::marker{content:'\2295'}.denote-reply{position:relative;line-height:0;bottom:.25rem;right:.75rem;z-index:2;font-size:1.25rem;user-select:none}.comment-replies .comment:first-of-type{margin-top:0}.comment-replies:has(.comment){border-radius:0;border-left:1px dashed var(--accent-color-transparent)}.comment-replies:has(.comment) .comment{border-radius:0 0 0 .25rem;border-top:1px solid var(--transparent-color-light);border-right:none;border-bottom:1px solid var(--transparent-color-light);border-left:none;margin-left:.5rem;background-color:var(--transparent-color-dark)}.comment:has(> .comment-content .reply-form-container .comment-input)>header .edit-btn,.reply-form-container:has(.comment-input)>.btn-secondary{display:none}.comment-author-btns{width:fit-content;padding-left:.5rem}.margin-bottom{margin-bottom:1rem}.inline{display:flex;align-items:center}#create-post-form{display:flex;flex-direction:column;gap:1.5rem;padding-top:2rem}#post-content-input{height:40vh}label{width:100%;display:block}input,select,textarea{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem;border:1px solid var(--color-light);font-size:1rem}textarea{resize:vertical}option:hover,select:hover{cursor:pointer;background-color:var(--secondary-bg-color)}#create-post-form label:has(input[type=checkbox]),input[type=checkbox]{width:fit-content;cursor:pointer}.form-group{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.form-group>div{flex:1;min-width:10rem}#login-modal{max-width:30rem}#login-article p,#register-article p{font-size:.9rem;text-align:center}.close-btn{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid var(--accent-color)}.close-btn:hover{background-color:var(--accent-color)}dialog{border:1px solid var(--transparent-color-light);border-radius:.25rem;padding:0}#categories-modal{top:7rem;bottom:auto}dialog article header{display:flex;justify-content:space-between;background-color:var(--secondary-bg-color);padding:.5rem;border-radius:.25rem .25rem 0 0}dialog form{display:flex;flex-direction:column;align-items:stretch;gap:1rem;padding:1.5rem 2rem 0}dialog form input[type=submit]{margin-top:1rem}dialog #login-message{padding:.5rem 0}#byte-validator,#portfolio-urls{display:none}#portfolio-checkbox:has(input:checked)+#portfolio-urls{display:flex;flex:100%}.error{color:var(--error-color)}@media (min-width:460px){html{font-size:95%}#post-container>.post-card header{padding:.5rem 1rem}.about-image{width:10rem}#sidebar-menu{border-radius:.25rem;box-shadow:-2px 4px 8px 4px rgba(0,0,0,.15);max-width:90%;width:fit-content}}@media (min-width:800px){html{font-size:100%}#main-header{background-color:var(--main-bg-color);flex-direction:row;justify-content:space-between;padding:.5rem 2rem}nav ul{margin:0 4rem .5rem 0}#main-header h2{font-size:1.5rem;line-height:1.15}#main-header h2 small{font-size:1rem}#nav-container{top:4.5rem}#sidebar-menu{top:calc(4rem + 5vh)}#menu-toggle-btn{height:2rem;font-size:1.65rem}#main-content{padding:2.5rem 2rem 4rem}#post-header{margin-bottom:calc(4rem + 5vh)}#post-header h1{font-size:4rem}#post-content h2,.portfolio-heading,.posts-heading{font-size:2.5rem}#post-content h2{padding-bottom:.5rem}#post-content h3{font-size:1.5rem}.portfolio-card header h3,.post-card header h3{font-size:1.15rem}.post-card header span svg{width:1rem;height:1rem}.about-post-content{gap:2rem!important}.about-image{width:14rem}.post-thumbnail{width:5rem}#post-header svg{width:4rem;height:4rem;margin-right:2rem}#portfolio-container>div{grid-template-columns:1fr 1fr}}@media (min-width:1200px){.nav-item::after,.nav-item::before{content:"";position:absolute;top:0;right:0;height:100%;border-radius:.25rem 0 0 .25rem;opacity:0}html{font-size:103%}body{display:flex;margin:0 auto}#main-header{border-right:2px solid var(--color-light);border-bottom:none;height:100vh;position:sticky;top:0;padding:0 0 0 2vw;width:21rem;box-shadow:inset -2px 4px 8px 4px rgba(0,0,0,.15)}#name-heading{text-align:right;padding:.5rem 2rem 0 0}#menu-toggle-btn{display:none}#sidebar-menu{top:calc(1rem + 5vh)}#nav-container{width:100%;margin-top:15vh;display:block;position:static;opacity:1;transform:none;background-color:transparent}#nav-container nav{overflow:visible}#main-content{padding:2rem 5vw 4rem}#main-header,#main-header section{display:block}#main-header,#main-header h2{margin:0}#main-header h2{width:100%;line-height:1.25;font-size:1.75rem;margin:2rem 0}nav ul{flex-direction:column;align-items:normal;gap:1.5rem;padding:0;margin:0 0 .5rem}.nav-item{justify-content:space-between;padding:.75rem .5rem .75rem 1.5rem;border-radius:.25rem 0 0 .25rem;background-color:var(--more-transparent-color-light)}.nav-item::after{width:100%;border-left:1px solid var(--accent-color-less-transparent);border-bottom:none;box-shadow:-2px 4px 4px 2px rgba(0,0,0,.05);transition:opacity .2s ease-in-out}.nav-item::before{width:100%;background-color:var(--secondary-bg-color);box-shadow:4px 0 0 var(--secondary-bg-color),inset 0 -1px 0 var(--color-light),inset 0 1px 0 var(--color-light),-2px 4px 4px 2px rgba(0,0,0,.1);border-left:2px solid var(--accent-color-less-transparent);transform:scaleX(0);transform-origin:left center;transition:transform .2s ease-in-out,opacity .3s ease-in-out}.nav-item:hover::after{opacity:1}.nav-item.active::after{opacity:0}.nav-item.active::before{opacity:1;transform:scaleX(1) translateX(2px)}.nav-item svg{width:1.25rem;height:1.25rem;padding-right:1.5rem}.nav-item span,.nav-item svg{transform:translate(0,0);transition:transform .2s ease-in-out,opacity .2s ease-in-out,fill .2s ease-in-out}.nav-item.active span,.nav-item.active>svg{transform:translate(.25rem,0)}.post-card header span svg{width:1.15rem;height:1.15rem}}@media (min-width:1900px){#main-content{padding:2rem calc(2rem + 5vw) 4rem calc(.5rem + 5vw)}#post-content{flex-direction:row;justify-content:space-between;gap:4vw}#post-text{flex:4}#sidebar{position:static;border-left:1px solid var(--more-transparent-color-light);flex:1;padding:0 0 2rem .5rem;min-width:18rem;align-self:initial}#sidebar-menu{visibility:visible;opacity:1;position:sticky;top:2.5rem;background:var(--secondary-bg-color);box-shadow:none;max-height:85vh;border:none;padding:.25rem 0 0 1rem}#sidebar-menu div button,#sidebar-toggle{display:none}}@media (min-width:2200px){#main-content{padding:2rem 6vw 4rem;max-width:125rem}#post-content{gap:6vw}#portfolio-container,#post-container{gap:2.5rem}#main-header{padding:0 0 0 6vw}#name-heading{margin-left:-4vw}#post-text{flex:5}}