.nav-item span,.nav-item:hover,body{color:var(--main-text-color)}.category-card header h4,nav ul,ul.group{padding:0 .5rem}.portfolio-card footer,article header,body{background-color:var(--main-bg-color)}#sidebar nav ol li,.about-section ul,nav ul,ul.group{list-style:none}.nav-item,.portfolio-card footer a,.sidebar-nav-item{text-decoration:none}#comment-container,#main-content,#posts{transition:opacity 150ms ease-in-out}#single-post-navigation-container,dialog form input[type=submit]{margin-top:1rem}: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-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(239, 223, 190);--header-font-family:"Anta";--main-text-font-family:"Sansation"}html{font-size:95%;scroll-behavior:smooth}body{margin:0;font-family:var(--main-text-font-family),sans-serif}.nav-item.active,.nav-item:hover,main{background-color:var(--secondary-bg-color)}#sidebar nav li .active-nav-link,.denote-parent-comment,.denote-reply,a{color:var(--accent-color-less-transparent)}main{width:100%}ol,p,ul{line-height:2}#main-content{padding:2.5rem .5rem 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;flex-direction:column;gap:.5rem;border-bottom:1px solid var(--color-light);margin:0;padding:.5rem 0 0}#comment-container>.comment,#posts{margin-bottom:2rem}#main-header h2{margin:0;padding:0 .5rem .75rem}#main-content>header{display:flex;align-items:center;gap:1rem}#main-content>header h1{margin:0;font-size:1.75rem}.nav-spans,h1,h2{font-family:var(--header-font-family),sans-serif}#main-content>header svg{width:2rem;height:2rem;fill:var(--accent-color-less-transparent)}#main-header>nav,.comment-replies .comment:first-of-type{margin-top:0}nav ul,ul.group{display:flex;gap:1rem;margin:0}#byte-validator,#portfolio-urls,#sidebar,.nav-item .secondary-span{display:none}.nav-item{cursor:pointer;background-color:var(--transparent-color-dark);padding:.25rem .75rem;font-weight:600;display:flex;gap:.75rem;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out;clip-path:inset(-4px round 12px 12px 0 0);align-items:center;box-shadow:0 -2px 0 var(--accent-color-transparent),1px 0 0 var(--transparent-color-light),-1px 0 0 var(--transparent-color-light)}.nav-item span{padding:0}#post-content li,#sidebar-menu ul,.about-section ul{padding-left:.5rem}.nav-item svg{display:none;fill:#fff;opacity:.5}.nav-item.active svg,.nav-item:hover svg{opacity:.8}.nav-item:hover{box-shadow:0 -2px 0 var(--accent-color-less-transparent),1px 0 0 var(--color-light),-1px 0 0 var(--color-light)}.nav-item.active{box-shadow:0 -3px 0 var(--accent-color),0 -2px 0 var(--secondary-bg-color),0 2px 0 var(--secondary-bg-color),1px -2px 0 var(--color-light),-1px -2px 0 var(--color-light),1px 2px 0 var(--color-light),-1px 2px 0 var(--color-light)}.nav-item .nav-spans,.nav-item svg{transition:transform .2s ease-in-out,opacity .2s ease-in-out;will-change:transform}.nav-item.active .nav-spans,.nav-item.active>svg{color:#fff;transform:translateY(.125rem);opacity:1}button,input[type=submit]{cursor:pointer;font-family:var(--main-text-font-family),sans-serif}.denote-parent-comment,.denote-reply,a{font-family:var(--main-text-font-family),sans-serif}#post-content-input,.btn-primary,.btn-secondary,dialog,input,select,textarea{color:var(--main-text-color)}a:hover{color:var(--accent-color)}.about-section{margin-top:3rem;width:fit-content;scroll-margin-top:40vh}#welcome-text>h2,.about-section>h2{padding-bottom:.5rem;border-bottom:1px dashed var(--more-transparent-color-light)}#posts{opacity:1}#posts>header{margin:2rem 0 3rem}#edit-category-container,#post-container{margin:1.5rem 0}article header{padding:.75rem}.post-card header{position:relative;transition:border-color .2s ease-in-out,color .2s ease-in-out,background-color .2s ease-in-out}.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)}.post-card header:hover{border-color:var(--accent-color);color:#fff}.post-card header:hover .header-nav-arrow{opacity:1;transform:translateX(.5rem)}article header h4{margin:0;display:flex;gap:1rem}#post-container header,article footer,article header{align-items:center}.post-card header .header-nav-arrow{opacity:.65;transition:opacity .2s ease-in-out,transform .2s ease-in-out}.post-card header a{position:absolute;color:transparent;inset:0}.portfolio-card,.post-card{border:1px solid var(--more-transparent-color-light);border-radius:.25rem;margin-top:2rem}#portfolio-container{margin-top:4rem}.portfolio-card footer{padding:.5rem;display:flex;gap:1rem}.portfolio-card .description{border-radius:0}.description{display:flex;gap:1rem;padding:1.5rem 1.25rem;background-color:var(--more-transparent-color-light)}.description p{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}.btn-secondary,.sidebar-nav-item{transition:color .2s ease-in-out,border-color .2s ease-in-out}.btn-primary:hover{background-color:var(--accent-color-less-transparent);color:#000;border-color:var(--secondary-bg-color)}.btn-secondary{background-color:var(--secondary-bg-color);border:1px solid var(--accent-color-transparent);border-radius:.25rem;padding:.3rem .5rem;font-weight:500;font-size:.8rem}#post-content pre,.about-image,.comment,.post-thumbnail{border-radius:.25rem}.btn-secondary:hover{color:var(--accent-color);border-color:var(--accent-color)}#categories{border-bottom:1px solid var(--transparent-color-light)}#categories-container{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 0 2rem}.active-category,.active-category:hover{background-color:#000;color:var(--accent-color);border-color:var(--accent-color-transparent);cursor:default}#post-content pre,#post-content-input,dialog form input[type=submit],input,select,textarea{background-color:var(--transparent-color-dark)}#post-content,#post-header,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;transition:opacity .2s ease-in-out}#register-article div,.center{text-align:center}#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}img[src$="#full-width-img"]{display:block;width:100%}#post-header{flex-wrap:wrap}#post-text{padding:1rem 0 2rem}#post-content{display:flex;flex-direction:column-reverse}.about-image{float:right;margin:0 0 .5rem calc(.5rem + 2vw);width:8rem}#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{font-size:.9rem;font-weight:300;color:var(--main-text-color-transparent)}#sidebar-menu ul:has(.active-nav-link)>li:has(.active-nav-link){border-left:1px dashed var(--accent-color-less-transparent)}.last-active-nav-link{color:var(--accent-color)!important;text-decoration:underline}#post-content h2{margin:2rem auto 1.5rem;scroll-margin-top:40vh}#post-content h3{margin:1.5rem auto 1rem;scroll-margin-top:40vh}#post-content pre{padding:.5rem;color:var(--code-color)}.post-thumbnail{width:5rem;height:auto;display:inline;transition:transform .3s ease-in-out,background-color .2s ease-in-out,box-shadow .3s ease-in-out}#post-header-content{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;flex:100%}#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{background-color:var(--transparent-color-light);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;background-color:var(--color-dark);border-radius:.25rem .25rem 0 0;padding:.5rem;border-bottom:2px solid var(--accent-color-transparent)}.comment-content{margin-left:.5rem;padding:.5rem .5rem 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}.comment-replies summary{position:relative;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: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:flex-start;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;transition:opacity .2s ease-in-out;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 #login-message{text-align:center;padding:.5rem 0}#portfolio-checkbox:has(input:checked)+#portfolio-urls{display:flex;flex:100%}.error{color:var(--error-color)}@media (min-width:460px){nav{width:fit-content}.nav-item{padding:.25rem .5rem}.nav-item svg{display:block;width:1rem;height:1rem}#main-header{padding:.5rem .5rem 0 0}#post-container>.post-card header{padding:.5rem 1rem}.about-image{width:10rem}}@media (min-width:800px){#main-header{flex-direction:row;align-items:flex-end;justify-content:space-between;padding:1rem 2rem 0}#main-header h2{padding:0;width:fit-content}#main-content{padding:2.5rem 2rem 4rem}.nav-item{padding:.5rem .75rem}.nav-item .secondary-span{display:inline}nav ul{padding:0;margin-bottom:0}.post-card header h4{font-size:1.15rem}.post-card header span svg{width:1rem;height:1rem}.about-post-content{gap:2rem!important}.about-sidebar{min-width:fit-content!important}.about-image{width:initial}.post-thumbnail{cursor:pointer}.post-thumbnail:hover{background-color:var(--main-bg-color);transform:scale(2) translateX(.5rem);z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.65)}.post-thumbnail-heading:hover{transform:scale(2) translateX(.5rem) translateY(.5rem)}}@media (min-width:1024px){html{font-size:103%}body{display:flex;margin:0 auto}#main-header{border-right:1px solid var(--color-light);border-bottom:none;height:100vh;position:sticky;top:0;padding:0 0 0 2vw;width:20rem}#name-heading{margin:0 -1px 0 -2vw;padding-left:2vw;background-color:var(--secondary-bg-color);border-bottom:1px solid var(--color-light)}#main-header h2,nav{width:100%}#main-header nav{margin-top:calc(2rem + 5vh)}#main-content{padding:2rem 5vw 4rem}#main-header,#main-header section{display:block}#main-content h1{font-size:2rem}#main-header,#main-header h2{margin:0}#main-header h4{margin-top:0}#contact-section,#main-header h2{padding:1.5rem 0}#main-header nav ul{flex-direction:column;gap:1.5rem}#main-header nav ul li,.nav-item{text-align:left}.nav-item{justify-content:space-between;padding:1rem .5rem 1rem 1.5rem;box-shadow:-1px 0 0 var(--accent-color-transparent),0 0 2px var(--transparent-color-light);clip-path:inset(-3px round 14px 0 0 14px)}.nav-item:hover{box-shadow:-2px 0 0 var(--accent-color)}.nav-item.active{clip-path:inset(-5px round 16px 0 0 16px);box-shadow:-3px 0 0 var(--accent-color),3px 0 0 var(--secondary-bg-color),-2px -1px 0 var(--color-light),-2px 1px 0 var(--color-light),2px -1px 0 var(--color-light),2px 1px 0 var(--color-light)}.nav-item svg{width:1.25rem;height:1.25rem;padding-right:.5rem}.nav-item.active .nav-spans,.nav-item.active>svg{transform:translateX(.25rem)}.post-card header span svg{width:1.15rem;height:1.15rem}.post-thumbnail:hover{background-color:var(--main-bg-color);transform:scale(2);z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.65)}.post-thumbnail-heading:hover{transform:scale(2) translateY(.5rem)}}@media (min-width:1440px){#main-content{padding:2rem calc(.5rem + 5vw) 4rem}#post-content{flex-direction:row;justify-content:space-between;gap:4vw}#post-text{flex:4}#sidebar{display:block;border-left:1px solid var(--more-transparent-color-light);flex:1;padding:3rem 0 2rem .5rem;min-width:18rem}#sidebar-menu{padding-left:.85rem;position:sticky;top:2.5rem}#categories,#portfolio-container,#posts,#welcome-text,.explain-page{max-width:60vw}}@media (min-width:1921px){#main-content{padding:2rem 8vw 4rem;max-width:125rem}#main-header{padding:0 0 0 4vw}#name-heading{margin:0 -1px 0 -4vw;padding-left:4vw}#post-text{flex:5}}