@font-face{font-family:abhaya_librebold;src:url(/assets/AbhayaLibre-Bold-webfont--_rgT163.woff)format("woff"),url(/assets/AbhayaLibre-Bold-webfont-BDgQyLy1.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:abhaya_libremedium;src:url(/assets/AbhayaLibre-Medium-webfont-S9HpYee8.woff)format("woff"),url(/assets/AbhayaLibre-Medium-webfont-R8NMM90u.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:abhaya_libreregular;src:url(/assets/AbhayaLibre-Regular-webfont-aUKwmlYM.woff)format("woff"),url(/assets/AbhayaLibre-Regular-webfont-CyWxUGLG.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:poppins_light;src:url(/assets/Poppins-Light-DT6-CsId.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:poppins_regular;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf)format("truetype");font-weight:600;font-style:normal}:root[data-theme=dark]{--body-bg:#131211;--dark-blue:#363430;--light-bg:#201f1d;--base-color:#b5b3b0;--hero-heading:#bab5ab66;--light-blue:#e65e4c;--blue:#b6b4af;--icon-base:#c95545;--white:#221c11;--drop-shadow:0 3px 4px #0a0a0ab3}:root{--body-bg:#e7e6e4;--light-bg:#f0f0ef;--base-font:"poppins_light",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;--regular-font:"poppins_regular",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;--base-color:#1b1a18;--heading-font:"abhaya_librebold";--hero-font:"abhaya_libreregular";--blue:#353231;--light-blue:#d93b26;--dark-blue:#732f26;--white:#fcfcfc;--icon-base:#d93b26;--logo:#9a9998;--drop-shadow:0 3px 4px #3333;--transition-all:all .15s ease-in-out;--string-key:#e4af30;--string-val:#479640;--function-val:#f38ba8;--boolean-val:#f76c07;--object-key:#d84eff;--number-val:#89b4fa;--orange:#e65e19;--radius:8px;--red:#e64c4c;--green:#19b319}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--body-bg);font-family:var(--base-font);height:100%;color:var(--base-color);font-size:1.1rem;line-height:1.4}ul{margin:0;padding:0;list-style:none}ul li{margin:0}ul:is(main>ul){margin:0 0 1.2rem;padding-left:1.2rem;list-style:outside}ul:is(main>ul) li:not(:first-child){margin-top:.5rem}h1,h2,h3{font-family:var(--heading-font);margin:0 0 .7rem;font-size:2.5rem;font-weight:600;line-height:1.2}:is(h1,h2,h3).text-heading{font-size:1.8rem}h3{font-size:1.5rem}a{color:var(--blue);transition:var(--transition-all);text-decoration:none;display:inline-block}a.active-link,a:hover{color:var(--light-blue)}a.active-link{font-weight:600}a.hover-border.active:after,a.hover-border:after{content:"";background:var(--light-blue);width:0;height:2px;transition:width .3s;display:block}a.hover-border.active:after,a.hover-border:hover:after{width:100%}p{margin:0 0 1.2rem}p:has(a) a{color:var(--light-blue)}img{max-width:100%}svg{display:block}code:not(pre code){background-color:oklch(80% 0 0/.3);border-radius:4px;padding:0 .2rem}pre{color:#00faa0;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 0 7px #00faa0;background:linear-gradient(#333,#333,#000,#000) 0 0/100% 2px;width:100%;max-width:800px;margin:0;padding:1rem;font-family:Courier New,monospace;font-size:1rem;position:relative}pre code{white-space:pre-wrap;font-size:.9rem}pre .code-lang{background:var(--white);margin:0 0 .5rem;padding:.5rem;display:flex}pre .number-val{color:var(--number-val)}pre .obj-key{color:var(--object-key)}pre .function-val{color:var(--function-val)}pre .boolean-val{color:var(--boolean-val)}pre .string-key{color:var(--string-key)}pre .string-val{color:var(--string-val)}@media screen{pre{animation:55s linear infinite scanlines}}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 -10px}}:is(pre)+*{margin-top:.8lh}aside{flex:10rem}.sidebar-nav{background:var(--light-bg);border-radius:var(--radius);box-shadow:var(--drop-shadow);flex-direction:column;gap:6px;padding:1rem;display:flex;position:sticky;top:7rem}.sidebar-nav:is(nav){z-index:1}main{flex:36rem}time{font-family:var(--regular-font);margin:0 0 .7rem;font-size:.9rem;display:block}dl dd{font-weight:700}.icon-fill{fill:var(--icon-base);transition:var(--transition-all)}a:hover>svg{fill:var(--light-blue)}.spinner{animation:1s linear infinite rotation}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.no-margin{margin:0}.page-layout{flex-flow:column;height:100%;min-height:calc(100dvh - 7.7rem);display:flex}table tr:has(th){background:var(--light-bg)}table th{text-align:left}table tr td,table tr th{padding:5px}details{border-radius:var(--radius);overflow:hidden}details>summary{gap:.8rem;padding:1rem;display:flex}details:hover>summary,details>summary,details[open]>summary{background:var(--light-bg)}details>summary::-webkit-details-marker{content:"";display:none}details>summary::marker{content:"";display:none}details>summary svg{fill:currentColor;flex:0 0 1rem;width:1rem;height:auto;transition:all .15s ease-out}details[open]>summary svg{transform:rotate(90deg)}.new-post{--note:"New post within last 3 days";position:relative}.new-post:after,.new-post:before{content:"";width:20px;height:20px;position:absolute;top:-8px;left:-14px}.new-post:after{background:linear-gradient(var(--orange),var(--orange)) no-repeat 3px /10px 3px;transform:rotate(45deg)}.new-post:before{background:linear-gradient(var(--orange),var(--orange)) no-repeat 0 100% /10px 3px,linear-gradient(var(--orange),var(--orange)) no-repeat 100% 0 /3px 10px}button{background:var(--blue);appearance:none;color:var(--white);text-align:center;min-width:3rem;height:3rem;max-height:40px;transition:var(--transition-all);text-transform:capitalize;border:none;border-radius:4px;justify-content:space-evenly;align-items:center;margin:0;padding:.5em .8em;font-size:1rem;line-height:1.5;text-decoration:none;display:flex}button:hover:not(:disabled){background:var(--light-blue)}button:disabled{opacity:.4}button svg{pointer-events:none}.header{background:var(--body-bg);font-family:var(--regular-font);border-bottom:2px solid var(--blue);z-index:2;flex-flow:row;align-items:center;gap:2rem;height:5rem;padding:1rem 2rem;display:flex;position:sticky;top:0}.header .header-logo svg{fill:currentColor}.header .header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;max-width:64rem;margin:auto;display:flex}.header .header-container>nav{flex:1;justify-content:flex-end;align-items:center;gap:2rem;display:flex}.header .header-container .theme-switcher{position:relative}.header .header-container .theme-switcher>button svg{fill:var(--white)}.header .header-container .theme-switcher .theme-switch-container{background:var(--light-bg);border-radius:var(--radius);box-shadow:var(--drop-shadow);z-index:10;padding:1rem;position:absolute;top:100%;right:0}.header .header-container .theme-switcher .theme-switch-container div{flex-direction:column;gap:.5rem;display:flex}.header .header-container .theme-switcher .theme-switch-container div button{width:100%}.progress-line{background:var(--light-blue);height:2px;animation:1ms linear resizeProgressBar;animation-timeline:scroll();position:absolute;top:100%;left:0}@keyframes resizeProgressBar{0%{width:0}to{width:100%}}ul.main-nav{gap:1.4rem;font-size:1.2rem;display:flex}.header-nav-container{align-items:center;gap:clamp(1rem,.7rem + 1vw,2rem);display:flex}.header-nav-container #themesBtn[aria-expanded=true]{background:var(--light-blue)}.header-nav-container .menu-btn{display:none}.header-nav-container .menu-btn>svg{fill:var(--white)}.header-nav-container .menu-btn .animated-cross{flex-direction:column;justify-content:space-evenly;align-items:center;width:1rem;height:1.5rem;display:flex;position:relative}.header-nav-container .menu-btn .animated-cross:after,.header-nav-container .menu-btn .animated-cross:before{content:"";background:var(--white);width:1rem;height:3px;transition:var(--transition-all);border-radius:2px}.header-nav-container .menu-btn[aria-expanded=true]{background:var(--light-blue)}.header-nav-container .menu-btn[aria-expanded=true] .animated-cross:before{position:absolute;transform:rotate(45deg)}.header-nav-container .menu-btn[aria-expanded=true] .animated-cross:after{position:absolute;transform:rotate(-45deg)}@media only screen and (width<=48rem){.header .header-logo svg{height:35px}.header-nav-container nav{background:var(--body-bg);width:100%;height:calc(100% - 5rem + 1px);display:none;position:fixed;top:5rem;left:0}.header-nav-container nav .main-nav{flex-direction:column;align-items:center;padding:2rem}.header-nav-container nav.open{display:block}.header-nav-container .menu-btn{order:2;display:flex}}.main-content{flex-direction:column;align-items:center;width:100%;display:flex}.main-content .content{flex-flow:column wrap;gap:1rem;width:100%;max-width:56rem;padding:2rem;display:flex}.main-content .content .profile-heading{align-items:center;gap:2rem;margin:0 0 2rem;display:flex}.main-content .content .profile-heading .profile-image{outline:2px solid var(--light-blue);border-radius:50%;width:10rem;animation:2s infinite pulsate;overflow:hidden}.main-content .content .profile-heading .profile-image img{display:block}.main-content .content .profile-heading h1{font-family:var(--hero-font);color:var(--hero-heading);letter-spacing:-2px;margin:0;font-size:clamp(2rem,2rem + 1.5vw,10rem);line-height:.9}.main-content .content .work{background-color:var(--light-bg);border-radius:var(--radius);box-shadow:var(--drop-shadow);padding:1rem}.main-content .content .work p{margin-bottom:0}.main-content .content.changelog ul{margin:0 0 2rem}.main-content .flex-content{flex-wrap:wrap;gap:2rem;width:100%;max-width:68rem;padding:2rem;display:flex}.main-content .cards-wrapper{background:var(--light-bg);clip-path:polygon(0 20%,100% 0,100% 80%,0 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:8rem 2rem;display:flex;position:relative;overflow:visible}.main-content .cards-wrapper .cards-container{z-index:1;flex-wrap:wrap;gap:2rem;width:100%;max-width:64rem;display:flex}.main-content .cards-wrapper .cards-container .card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--radius);box-shadow:var(--drop-shadow),0 -5px 12px #80808033 inset;transition:var(--transition-all);border-top:1px solid #ffffff40;flex:17rem;padding:1.4rem 2rem}.main-content .cards-wrapper .cards-container .card:hover{transform:scale(1.05)}.main-content .cards-wrapper .cards-container .card h2{font-size:1.5rem}@keyframes pulsate{0%{outline:2px solid var(--light-blue);outline-offset:0}to{outline-offset:15px;outline:2px solid #0000}}#particles{z-index:0;clip-path:polygon(0 20%,100% 0,100% 80%,0 100%);width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}dialog{background:var(--light-bg);color:var(--base-color);border-radius:var(--radius);width:30rem;max-width:98vw;box-shadow:var(--drop-shadow);border:none;outline:none;margin:auto;padding:0}dialog>div{padding:1rem}dialog::backdrop{background:#00000080}.code-language{background-color:var(--white);padding:.5rem;font-size:.8rem;position:absolute;top:.8rem;right:.8rem}.image-gallery{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;width:100%;display:grid}.image-gallery a{font-size:1rem}.image-gallery img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);width:100%}[data-animate]{opacity:0}[data-animate=bottom].animate{animation:1s forwards slideInFromBottom}[data-animate=right].animate{animation:1s forwards slideInFromRight}[data-animate=left].animate{animation:1s forwards slideInFromLeft}[data-animate=top].animate{animation:1s forwards slideInFromTop}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.test-clip{clip-path:polygon(0 0,30% 100%,100% 100%,100% 0);align-self:flex-end}.syntax-highlighting{text-shadow:none;color:unset;background:var(--light-bg)}.footer-wrapper{background:var(--light-bg);width:100%;color:var(--blue);text-align:center;margin-top:auto;padding:.5rem 1rem}[popover]{box-shadow:var(--drop-shadow);border-radius:var(--radius);width:auto;inset:unset;border:2px solid var(--blue);background:#fff;margin:0;padding:1rem 1.5rem;position:absolute}[popover].with-backdrop::backdrop{background-color:#0003}[popover]:popover-open{animation:.15s ease-in showPopover;overflow:visible}[popover]:after{content:"";border-top:.6rem solid var(--blue);border-left:.4rem solid #0000;border-right:.4rem solid #0000;position:absolute;top:100%;left:50%;transform:translate(-50%)}[popover][data-pop-position=bottom]:after{top:unset;bottom:100%;transform:translate(-50%)rotate(180deg)}[popover][data-pop-position=left]:after{top:50%;left:100%;transform:translateY(-50%)rotate(-90deg)}[popover][data-pop-position=right]:after{left:unset;top:50%;right:100%;transform:translateY(-50%)rotate(90deg)}@keyframes showPopover{0%{opacity:0}to{opacity:1}}input[type=email],input[type=password],input[type=text],select{border:1px solid var(--dark-blue);border-radius:4px;padding:.5rem;font-size:1rem;display:block}.error-help{color:var(--red);margin-bottom:.25rem;font-size:.9rem;line-height:1;display:block}.error-help:before{content:"🚫";padding-right:.25rem}.success{color:var(--green)}fieldset{border:none}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.align-ic{align-items:center}.align-ife{align-items:flex-end}.dn{display:none}.ic{align-items:center}.gas{gap:.5rem}.gam{gap:.8rem}.gal{gap:1.5rem}.mls{margin-left:.5rem}.mlm{margin-left:.8rem}.mll{margin-left:1.5rem}.mbm{margin-bottom:.8rem}.mb0{margin-bottom:0}.mtm{margin-top:.8rem}.justify-csb{justify-content:space-between}.justify-cse{justify-content:space-evenly}.pointev-none{pointer-events:none}.flex-dir-col{flex-direction:column}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.maxwmaxc{max-width:max-content}.ofx-hidden{overflow-x:hidden}