@font-face{font-family:abhaya_librebold;font-style:normal;font-weight:700;src:url(/assets/AbhayaLibre-Bold-webfont--_rgT163.woff) format("woff"),url(/assets/AbhayaLibre-Bold-webfont-BDgQyLy1.ttf) format("truetype")}@font-face{font-family:abhaya_libremedium;font-style:normal;font-weight:400;src:url(/assets/AbhayaLibre-Medium-webfont-S9HpYee8.woff) format("woff"),url(/assets/AbhayaLibre-Medium-webfont-R8NMM90u.ttf) format("truetype")}@font-face{font-family:abhaya_libreregular;font-style:normal;font-weight:600;src:url(/assets/AbhayaLibre-Regular-webfont-aUKwmlYM.woff) format("woff"),url(/assets/AbhayaLibre-Regular-webfont-CyWxUGLG.ttf) format("truetype")}@font-face{font-family:poppins_light;font-style:normal;font-weight:400;src:url(/assets/Poppins-Light-DT6-CsId.ttf) format("truetype")}@font-face{font-family:poppins_regular;font-style:normal;font-weight:600;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf) format("truetype")}:root[data-theme=dark]{--body-bg:#131211;--dark-blue:#363430;--light-bg:#201f1d;--base-color:#b5b3b0;--hero-heading:hsla(40,10%,70%,.4);--light-blue:#e65e4d;--blue:#b6b4af;--icon-base:#c95545;--white:#221c11;--drop-shadow:0 3px 4px hsla(0,0%,4%,.7)}: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 rgba(51,51,51,.2);--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:#e65d1a;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--body-bg);color:var(--base-color);font-family:var(--base-font);font-size:1.1rem;height:100%;line-height:1.4}ul{list-style:none}h1,h2,h3{font-family:var(--heading-font);font-size:2.5rem;font-weight:600;line-height:1.2;margin:0 0 .7rem}:is(h1,h2,h3).text-heading{font-size:1.8rem}h3{font-size:1.5rem}a{color:var(--blue);display:inline-block;text-decoration:none;transition:var(--transition-all)}a.active-link,a:hover{color:var(--light-blue)}a.active-link{font-weight:600}a.hover-border.active:after,a.hover-border:after{background:var(--light-blue);content:"";display:block;height:2px;transition:width .3s;width:0}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}pre{background:var(--light-bg);font-size:1rem;margin:0;max-width:800px;overflow-wrap:anywhere;padding:1rem;position:relative;white-space:pre-wrap;width:100%}pre code{font-size:.9rem;white-space:pre-wrap}pre .code-lang{background:var(--white);display:flex;margin:0 0 .5rem;padding:.5rem}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)}:is(pre)+*{margin-top:.8lh}aside{flex:1 1 10rem}.sidebar-nav{background:var(--light-bg);border-radius:var(--radius);box-shadow:var(--drop-shadow);display:flex;flex-direction:column;gap:6px;padding:1rem;position:sticky;top:7rem}.sidebar-nav:is(nav){z-index:1}main{flex:1 1 36rem}time{display:block;font-family:var(--regular-font);font-size:.9rem;margin:0 0 .7rem}dl dd{font-weight:700}.icon-fill{fill:var(--icon-base);transition:var(--transition-all)}a:hover>svg{fill:var(--light-blue)}.spinner{animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.no-margin{margin:0}.page-layout{display:flex;flex-flow:column nowrap;height:100%;min-height:calc(100dvh - 7.7rem)}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{display:flex;gap:.8rem;padding:1rem}details:hover>summary,details>summary,details[open]>summary{background:var(--light-bg)}details>summary::-webkit-details-marker,details>summary::marker{content:"";display:none}details>summary svg{transition:all .15s ease-out;width:1rem;fill:currentColor;flex:0 0 1rem;height:auto}details[open]>summary svg{transform:rotate(90deg)}.new-post{position:relative;--note:"New post within last 3 days"}.new-post:after,.new-post:before{content:"";height:20px;left:-14px;position:absolute;top:-8px;width:20px}.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{align-items:center;-webkit-appearance:none;appearance:none;background:var(--blue);border:none;border-radius:4px;color:var(--white);display:flex;font-size:1rem;height:3rem;justify-content:space-evenly;line-height:1.5;margin:0;max-height:40px;min-width:3rem;padding:.5em .8em;text-align:center;text-decoration:none;text-transform:capitalize;transition:var(--transition-all)}button:hover{background:var(--light-blue)}button svg{pointer-events:none}.header{align-items:center;background:var(--body-bg);border-bottom:2px solid var(--blue);display:flex;flex-flow:row nowrap;font-family:var(--regular-font);gap:2rem;height:5rem;padding:1rem 2rem;position:sticky;top:0;z-index:2}.header .header-logo svg{fill:currentColor}.header .header-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto;max-width:64rem;width:100%}.header .header-container>nav{align-items:center;display:flex;flex:1 1 0%;gap:2rem;justify-content:flex-end}.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);padding:1rem;position:absolute;right:0;top:100%;z-index:10}.header .header-container .theme-switcher .theme-switch-container div{display:flex;flex-direction:column;gap:.5rem}.header .header-container .theme-switcher .theme-switch-container div button{width:100%}.progress-line{animation:resizeProgressBar 1ms linear;background:var(--light-blue);height:2px;left:0;position:absolute;top:100%;animation-timeline:scroll()}@keyframes resizeProgressBar{0%{width:0}to{width:100%}}ul.main-nav{display:flex;font-size:1.2rem;gap:1.4rem}.header-nav-container{align-items:center;display:flex;gap:clamp(1rem,calc(.7rem + 1vw),2rem)}.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{align-items:center;display:flex;flex-direction:column;height:1.5rem;justify-content:space-evenly;position:relative;width:1rem}.header-nav-container .menu-btn .animated-cross:after,.header-nav-container .menu-btn .animated-cross:before{background:var(--white);border-radius:2px;content:"";height:3px;transition:var(--transition-all);width:1rem}.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 (max-width:48rem){.header .header-logo svg{height:35px}.header-nav-container nav{background:var(--body-bg);display:none;height:calc(100% - 5rem + 1px);left:0;position:fixed;top:5rem;width:100%}.header-nav-container nav .main-nav{align-items:center;flex-direction:column;padding:2rem}.header-nav-container nav.open{display:block}.header-nav-container .menu-btn{display:flex;order:2}}.main-content{align-items:center;display:flex;flex-direction:column;width:100%}.main-content .content{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;max-width:56rem;padding:2rem;width:100%}.main-content .content .profile-heading{align-items:center;display:flex;gap:2rem;margin:0 0 2rem}.main-content .content .profile-heading .profile-image{animation:pulsate 2s infinite;border-radius:50%;outline:2px solid var(--light-blue);overflow:hidden;width:10rem}.main-content .content .profile-heading .profile-image img{display:block}.main-content .content .profile-heading h1{color:var(--hero-heading);font-family:var(--hero-font);font-size:clamp(2rem,calc(2rem + 1.5vw),10rem);letter-spacing:-2px;line-height:.9;margin:0}.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{display:flex;flex-wrap:wrap;gap:2rem;max-width:68rem;padding:2rem;width:100%}.main-content .cards-wrapper{align-items:center;background:var(--light-bg);clip-path:polygon(0 20%,100% 0,100% 80%,0 100%);display:flex;flex-direction:column;justify-content:center;overflow:visible;padding:8rem 2rem;position:relative;width:100%}.main-content .cards-wrapper .cards-container{display:flex;flex-wrap:wrap;gap:2rem;max-width:64rem;width:100%;z-index:1}.main-content .cards-wrapper .cards-container .card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--radius);border-top:1px solid hsla(0,0%,100%,.25);box-shadow:var(--drop-shadow),0 -5px 12px #80808033 inset;flex:1 1 17rem;padding:1.4rem 2rem;transition:var(--transition-all)}.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:2px solid transparent;outline-offset:15px}}#particles{clip-path:polygon(0 20%,100% 0,100% 80%,0 100%);height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%;z-index:0}dialog{background:var(--light-bg);border:none;border-radius:var(--radius);box-shadow:var(--drop-shadow);color:var(--base-color);margin:auto;max-width:98vw;outline:none;padding:0;width:30rem}dialog>div{padding:1rem}dialog::backdrop{background:#00000080}.code-language{background-color:var(--white);font-size:.8rem;padding:.5rem;position:absolute;right:.8rem;top:.8rem}.image-gallery{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));width:100%}.image-gallery a{font-size:1rem}.image-gallery img{aspect-ratio:1;border-radius:var(--radius);object-fit:cover;width:100%}[data-animate]{opacity:0}[data-animate=bottom].animate{animation:slideInFromBottom 1s forwards}[data-animate=right].animate{animation:slideInFromRight 1s forwards}[data-animate=left].animate{animation:slideInFromLeft 1s forwards}[data-animate=top].animate{animation:slideInFromTop 1s forwards}@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{align-self:flex-end;clip-path:polygon(0 0,30% 100%,100% 100%,100% 0)}.footer-wrapper{background:var(--light-bg);color:var(--blue);margin-top:auto;padding:.5rem 1rem;text-align:center;width:100%}[popover]{background:#fff;border:2px solid var(--blue);border-radius:var(--radius);box-shadow:var(--drop-shadow);inset:unset;margin:0;padding:1rem 1.5rem;position:absolute;width:auto}[popover].with-backdrop::backdrop{background-color:#0003}[popover]:popover-open{animation:showPopover .15s ease-in;overflow:visible}[popover]:after{border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-top:.6rem solid var(--blue);content:"";left:50%;position:absolute;top:100%;transform:translate(-50%)}[popover][data-pop-position=bottom]:after{bottom:100%;top:unset;transform:translate(-50%) rotate(180deg)}[popover][data-pop-position=left]:after{left:100%;top:50%;transform:translateY(-50%) rotate(-90deg)}[popover][data-pop-position=right]:after{left:unset;right:100%;top:50%;transform:translateY(-50%) rotate(90deg)}@keyframes showPopover{0%{opacity:0}to{opacity:1}}.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}