html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.container,.container-md,.container-lg,.container-xl{display:flex;flex-direction:column}@media (min-width: 768px){.container-md{max-width:768px;margin:0 auto}}@media (min-width: 992px){.container-lg{max-width:992px;margin:0 auto}}@media (min-width: 1200px){.container-xl{max-width:1200px;margin:0 auto}}.place--center{display:flex;justify-content:center;align-items:center}.container-place--right{display:flex;align-items:flex-end}.container-place--right>*{width:100%}@keyframes stall{0%{opacity:0}to{opacity:0}}.w-screen{width:100vw}.mb-16{margin-bottom:2.2rem}.tag{display:flex;gap:.4rem;justify-content:space-between;align-items:center;border-radius:.5rem;padding:.1rem .4rem;transition-property:border,background;transition-duration:.15s;outline:.1rem solid rgba(var(--background-color),.2);background-color:rgba(var(--background-color),.2);overflow:hidden}.tag span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag:hover{outline:.1rem solid rgba(var(--background-color),.3);background-color:rgba(var(--background-color),.3);overflow:visible}.tag>img{width:1.4rem;height:1.4rem}.tag button{border:none;display:flex;align-items:center;height:1.8rem}.tag button:hover,.tag button:focus{outline:1px solid rgba(var(--background-color),.8);background-color:rgba(var(--background-color),.5)}.tag>a{filter:invert(50%)}.greeting-sphere{position:relative;display:flex;max-width:25rem;max-height:25rem;min-width:12.5rem;min-height:12.5rem;aspect-ratio:1;border-radius:50%;background:transparent;animation:greeting-sphere__shadow 1s;justify-content:center;align-items:center;box-shadow:inset -1rem 2rem 3rem -2rem #956ddf,3.5rem -4.5rem 2rem -5rem #956ddf,-3rem 4rem 2rem -4rem #31b0b9,0 2.5rem 2rem -3rem #31b0b9;backdrop-filter:blur(.2rem);-webkit-backdrop-filter:blur(.2rem)}.greeting-sphere>img{width:100%;transform:scale(.75);border-radius:25%;object-fit:cover;animation:stall .6s,greeting-sphere__img 1.5s .6s}.greeting-sphere:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%,-50%) scale(.995);box-shadow:inset 4.5rem -5rem 2rem -5.5rem #31b0b9;animation:greeting-sphere__shadow--after 1s,greeting-sphere__shadow--after-jitter 1.5s 1s infinite alternate}@keyframes greeting-sphere__shadow{0%{box-shadow:inset -1rem -1rem 3rem -5rem #956ddf,-2.5rem -2rem 2rem -5rem #956ddf,.5rem 2rem 2rem -4rem #31b0b9,1rem -1rem 2rem -3rem #31b0b9}to{box-shadow:inset -1rem 2rem 3rem -2rem #956ddf,3.5rem -4.5rem 2rem -5rem #956ddf,-3rem 4rem 2rem -4rem #31b0b9,0 2.5rem 2rem -3rem #31b0b9}}@keyframes greeting-sphere__shadow--after{0%{box-shadow:inset 3rem 3rem 3rem -8rem #31b0b9}to{box-shadow:inset 4.5rem -5rem 2rem -5.5rem #31b0b9}}@keyframes greeting-sphere__shadow--after-jitter{0%{box-shadow:inset 4.5rem -5rem 2rem -5.5rem #31b0b9}to{box-shadow:inset 4.25rem -5.5rem 2rem -5.5rem #31b0b9}}@keyframes greeting-sphere__img{0%{opacity:0}to{opacity:1}}.loader-fallback{display:flex;margin:auto}.loader-fallback>*{margin:auto;width:8rem}.meteor-gazer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden}#bottom-bar-portal-root>nav{border-radius:.4rem;left:50%;transform:translate(-50%);bottom:2.2rem;position:absolute;overflow:hidden;white-space:nowrap;transition:all .3s;backdrop-filter:blur(.4rem);-webkit-backdrop-filter:blur(.4rem);background-color:#ffffff10}#bottom-bar-portal-root>nav .navWrapper .opener{position:fixed;top:0;width:100%;height:100%;opacity:0;z-index:1}#bottom-bar-portal-root>nav .navWrapper>ul{transition:all .3s}#bottom-bar-portal-root>nav .navWrapper>ul li{display:flex;gap:.4rem}#bottom-bar-portal-root>nav .navWrapper>ul li:not(:last-child){transition:all .15s}#bottom-bar-portal-root>nav .navWrapper>ul li:hover:not(.no-hover),#bottom-bar-portal-root>nav .navWrapper>ul li:focus-within:not(.no-hover){background-color:#1c6368}#bottom-bar-portal-root>nav .navWrapper>ul li.active{background-color:#31b0b9}#bottom-bar-portal-root>nav .navWrapper>ul li.active:hover,#bottom-bar-portal-root>nav .navWrapper>ul li.active:focus-within{background-color:#39c1cb}#bottom-bar-portal-root>nav .navWrapper>ul li svg{width:1.4rem;height:1.4rem}#bottom-bar-portal-root>nav .navWrapper>ul li a{outline:none;text-decoration:none}#bottom-bar-portal-root>nav .navWrapper>ul li button{outline:none;border:none;background:transparent}#bottom-bar-portal-root>nav .navWrapper>ul li button svg{margin:0 auto}#bottom-bar-portal-root>nav .navWrapper>ul li select{height:100%}#bottom-bar-portal-root>nav .navWrapper>ul li>*{padding:.6rem;width:100%;display:flex;gap:.8rem;align-items:center}#bottom-bar-portal-root>nav .navWrapper>ul li>* svg{flex-shrink:0}.project-identity{display:flex;gap:1.4rem;padding:.6rem .6rem .6rem 2.6rem;transition:background-color .3s;align-items:center}.project-identity:not(.no-hover):hover{background:#1c6368}.project-identity.no-hover{backdrop-filter:blur(.6rem);-webkit-backdrop-filter:blur(.6rem)}.project-identity__image{height:3.4rem;aspect-ratio:1;border-color:transparent}.project-identity__details{overflow:hidden}.project-identity__details h2{font-size:1.2rem}.project-identity__details p{margin-bottom:.6rem;font-size:.8rem}.project-identity__details div{display:flex;gap:.6rem}.project-window{overflow:auto}.project-window__header{border-bottom:1px solid #333;position:sticky;top:0;z-index:1}.project-window__body{backdrop-filter:blur(.6rem);-webkit-backdrop-filter:blur(.6rem);padding-top:.6rem}.project-window__body section{margin:.8rem;line-height:1.4}.project-window__body section strong{font-weight:700}.project-window__body section h1,.project-window__body section h2,.project-window__body section h3,.project-window__body section h4,.project-window__body section h5,.project-window__body section h6{margin-bottom:.4rem;font-weight:700}.project-window__body section h2{font-size:2.2rem}.project-window__body section h3{font-size:1.4rem}.project-window__body section ol,.project-window__body section li{margin-left:1.4rem}.project-window__body section ol{list-style:decimal}.project-window__body section ul{list-style:inside}.project-window__body section span,.project-window__body section .code{background:#232323;font-family:Fira Mono,monospace;border-radius:.4rem}.project-window__body section span{padding:.2rem}.project-window__body section .code div:first-of-type{width:100%;background:#474747;border-top-left-radius:.4rem;border-top-right-radius:.4rem;padding:.2rem .2rem .2rem .6rem;box-sizing:border-box}.project-window__body section .code>pre{max-width:100%;padding:.6rem .6rem .8rem;overflow-x:auto}@media (min-width: 0){.test-area{flex-direction:column}.test-area>textarea{min-height:17.6rem}}@media (min-width: 768px){.test-area{flex-direction:row}.test-area>textarea{position:sticky;top:0;width:50%;background:#232323}}.test-area{display:flex;position:relative;height:100%}.test-area>textarea{background:#232323;resize:none;outline:none;border:none;flex-shrink:0}.projects-window{background:#ffffff10;border-radius:.6rem;display:flex;flex-direction:column;animation:terminal__fade-in .3s}.projects-window.blur{backdrop-filter:blur(.2rem);-webkit-backdrop-filter:blur(.2rem)}.projects-window__header{display:flex;gap:.8rem;padding:.8rem;border-bottom:1px solid #333}.projects-window__header svg{width:4rem;height:4rem}.projects-window__header h1{font-size:1.6rem}.projects-window__body{max-height:50vh;overflow-y:auto}.projects-window__body li>a{text-decoration:none}.projects-window__footer button{width:100%;border-radius:0;border-bottom-left-radius:.6rem;border-bottom-right-radius:.6rem;border:none}.projects-window__footer button:hover,.projects-window__footer button:focus{background:#1c6368;outline:none;border:none}.projects-window__footer button:active{background:#31b0b9}.terminal{max-width:40rem;min-width:12.5rem;border-radius:.4rem;animation:stall 1.5s,terminal__fade-in .3s 1.5s}.terminal__header{display:flex;gap:.2rem;justify-content:space-between;align-items:center;padding:.8rem;background-color:#333;border-top-left-radius:.4rem;border-top-right-radius:.4rem;-webkit-user-select:none;user-select:none}.terminal__header>.terminal__path{font-size:1rem}.terminal__header>.terminal__actions{display:flex;gap:.2rem;align-items:center}.terminal__header>.terminal__actions>.terminal__button{width:1.4rem;height:1.4rem;border-radius:50%;background-color:#474747}.terminal__body{font-family:Fira Mono,monospace;height:15rem;overflow-y:auto;background:#232323;border-bottom-left-radius:.4rem;border-bottom-right-radius:.4rem}.terminal__body--accent{color:#a485df}.terminal__body>p.input{position:relative}.terminal__body>p.input:before{content:"~/Portfolio $ ";color:#0f0}.terminal__body>p.input.active:after{content:"";display:inline-block;width:.6rem;height:1.1rem;background-color:#fff;animation:terminal__cursor .6s steps(2,jump-none) infinite alternate;position:absolute;top:-.1rem;transform:translate(.3rem)}.terminal__body>p.input.active.typing:after{animation:none}@media (min-width: 768px){.terminal{margin-right:.8rem}}@keyframes terminal__fade-in{0%{transform:translateY(1rem) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes terminal__cursor{0%{opacity:0}to{opacity:1}}.projects-resource{height:80vh}.projects-resource .terminal__actions>*:last-child{padding:0;transition:background .15s;background:#f44}.projects-resource .terminal__actions>*:last-child:hover{background:#f66}.star-gazer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1;transition:transform .6s;object-fit:cover}:root{font-family:Kanit,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;color-scheme:dark;background-color:#000;color:#fff;--animation-translucent-color: rgba(255, 255, 255, .0117647059);--text-color: #ffffff}#root{width:100vw}#bottom-bar-portal-root{position:fixed;bottom:0;left:0;right:0;z-index:1000}a{color:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}