.navbar-container{line-height:1;padding-top:10px;display:inline-flex;width:100%}.navbar-container>.nav-link{padding-top:10px;padding-bottom:10px;flex-grow:1;text-align:center;font-family:var(--font-poppins),"Poppins",sans-serif;font-weight:200;font-size:30px;text-decoration:none;color:#fff;transition:text-shadow 1s;text-shadow:0 0 0 transparent,calc(NaN)px calc(NaN)px 1.5px rgba(0,0,0,.342),calc(NaN)px calc(NaN)px 3px rgba(0,0,0,.276),calc(NaN)px calc(NaN)px 4.5px rgba(0,0,0,.226),calc(NaN)px calc(NaN)px 6px rgba(0,0,0,.184),calc(NaN)px calc(NaN)px 7.5px rgba(0,0,0,.146),calc(NaN)px calc(NaN)px 9px rgba(0,0,0,.113),calc(NaN)px calc(NaN)px 10.5px rgba(0,0,0,.082),calc(NaN)px calc(NaN)px 12px rgba(0,0,0,.053),calc(NaN)px calc(NaN)px 13.5px rgba(0,0,0,.026),calc(NaN)px calc(NaN)px 15px transparent}.navbar-container>.nav-link:hover{text-shadow:0 0 0 transparent,.49px .25px 1.4px rgba(255,255,0,.874),1.96px 1px 2.8px rgba(255,0,255,.765),4.41px 2.25px 4.2px rgba(0,255,255,.662),7.84px 4px 5.6px rgba(255,255,0,.562),12.25px 6.25px 7px rgba(255,0,255,.464),17.64px 9px 8.4px rgba(0,255,255,.369),24.01px 12.25px 9.8px rgba(255,255,0,.275),31.36px 16px 11.2px rgba(255,0,255,.182),39.69px 20.25px 12.6px rgba(0,255,255,.09),49px 25px 14px rgba(255,255,0,0)}.big-title-container{line-height:1.2;display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;container-type:inline-size}.big-title-container>.big-title{font-family:var(--font-poppins),"Poppins",sans-serif;font-weight:500;padding-top:60px;padding-bottom:100px;font-size:max(5cqw,50px);color:red;text-shadow:0 0 20px rgba(255,0,0,.2);transform-origin:var(--title-origin-x) var(--title-origin-y);transform-style:preserve-3D}.big-title-container>.big-title,.big-title-container>.big-title:before{z-index:10;content:attr(data-text);display:inline-block;transition:transform .5s,letter-spacing .5s,text-shadow .5s;letter-spacing:normal;mix-blend-mode:screen}.big-title-container>.big-title:before{text-shadow:0 0 20px rgba(0,255,0,.2);color:lime;transform:translateX(103.7%);transform-origin:var(--title-origin-x) var(--title-origin-y);transform-style:preserve-3D}.big-title-container>.big-title:after{text-shadow:0 0 20px rgba(0,0,255,.2);color:blue;transform:translateX(-100%) translateY(0);z-index:10;content:attr(data-text);display:inline-block;transform-origin:var(--title-origin-x) var(--title-origin-y);transition:transform .5s,letter-spacing .5s,text-shadow .5s;transform-style:preserve-3D;letter-spacing:normal;mix-blend-mode:screen}.big-title-container>.big-title:hover:before{transform:translateX(103.7%) rotateY(5deg) rotateX(-10deg) rotate(.1deg)}.big-title-container>.big-title:hover:after{transform:translateX(-100%) rotateY(10deg) rotateX(-20deg) rotate(-.1deg)}.big-title-container>.big-title:active{--glow-brightness:0.5;--glow-radius:10px;--glow-delay:3s;transform:rotateY(-10deg) rotateX(20deg);text-shadow:0 0 var(--glow-radius) rgba(255,0,0,var(--glow-brightness))}.big-title-container>.big-title:active,.big-title-container>.big-title:active:before{transition:transform .5s,letter-spacing .5s,text-shadow var(--glow-delay);letter-spacing:15px}.big-title-container>.big-title:active:before{transform:translateX(103.7%) rotateY(-10deg) rotateX(20deg);text-shadow:0 0 var(--glow-radius) rgba(0,255,0,var(--glow-brightness))}.big-title-container>.big-title:active:after{transition:transform .5s,letter-spacing .5s,text-shadow var(--glow-delay);transform:translateX(-100%) rotateY(-15deg) rotateX(25deg);letter-spacing:15px;text-shadow:0 0 var(--glow-radius) rgba(0,0,255,var(--glow-brightness))}.section{transition:max-height .5s,clip-path .5s;max-height:max(8.5vw,100px);-webkit-clip-path:inset(-3px 0 calc(100% - max(7vw, 100px)) 0);clip-path:inset(-3px 0 calc(100% - max(7vw, 100px)) 0)}.section.expanded{-webkit-clip-path:inset(-50px 0 0 0);clip-path:inset(-50px 0 0 0);max-height:10000px}.section.expanded>header>h1{text-shadow:0 0 0 transparent,1px .01px 1.4px hsla(0,0%,100%,.206),4px .04px 2.8px hsla(0,0%,100%,.149),9px .09px 4.2px hsla(0,0%,100%,.113),16px .16px 5.6px hsla(0,0%,100%,.088),25px .25px 7px hsla(0,0%,100%,.067),36px .36px 8.4px hsla(0,0%,100%,.05),49px .49px 9.8px hsla(0,0%,100%,.035),64px .64px 11.2px hsla(0,0%,100%,.022),81px .81px 12.6px hsla(0,0%,100%,.01),100px 1px 14px hsla(0,0%,100%,0)}.section.expanded>header>h1:hover{text-shadow:0 0 0 transparent,1px .01px 1.4px rgba(255,255,0,.684),4px .04px 2.8px rgba(255,0,255,.553),9px .09px 4.2px rgba(0,255,255,.452),16px .16px 5.6px rgba(255,255,0,.368),25px .25px 7px rgba(255,0,255,.293),36px .36px 8.4px rgba(0,255,255,.225),49px .49px 9.8px rgba(255,255,0,.163),64px .64px 11.2px rgba(255,0,255,.106),81px .81px 12.6px rgba(0,255,255,.051),100px 1px 14px rgba(255,255,0,0)}.section>header{margin:0;width:100%;border-radius:0}.section>header h1{font-family:var(--font-open-sans),sans-serif;font-size:40px;text-align:left;font-weight:300;padding:25px 0;margin:0;transition:text-shadow 1s;text-shadow:0 0 0 transparent,1px -1px 1.5px rgba(0,0,0,.342),4px -4px 3px rgba(0,0,0,.276),9px -9px 4.5px rgba(0,0,0,.226),16px -16px 6px rgba(0,0,0,.184),25px -25px 7.5px rgba(0,0,0,.146),36px -36px 9px rgba(0,0,0,.113),49px -49px 10.5px rgba(0,0,0,.082),64px -64px 12px rgba(0,0,0,.053),81px -81px 13.5px rgba(0,0,0,.026),100px -100px 15px transparent}.section>header h1:hover{text-shadow:0 0 0 transparent,1px .25px 1.4px rgba(255,255,0,.602),4px 1px 2.8px rgba(255,0,255,.475),9px 2.25px 4.2px rgba(0,255,255,.382),16px 4px 5.6px rgba(255,255,0,.307),25px 6.25px 7px rgba(255,0,255,.242),36px 9px 8.4px rgba(0,255,255,.185),49px 12.25px 9.8px rgba(255,255,0,.133),64px 16px 11.2px rgba(255,0,255,.085),81px 20.25px 12.6px rgba(0,255,255,.041),100px 25px 14px rgba(255,255,0,0)}.all-projects{width:100%;max-width:1600px;margin:0 auto 200px}.language-section>h1{font-size:min(4vw,45px)}.language-section>.category-buttons{margin-top:-10px;margin-bottom:36px;display:flex;flex-wrap:wrap;gap:8px;margin-left:3px}.language-section>.category-buttons>button{display:inline-block;text-align:center;cursor:pointer;padding:7px;margin-left:0;font-size:20px;outline:0 solid #fff;color:#fff;background:transparent;font-family:var(--font-inter),sans-serif;font-weight:300;border-radius:10px;transition:all .3s,outline .2s,outline-offset .2s,text-shadow .3s,background .3s step-end,border .3s,padding .3s,box-shadow .3s,color .3s ease-in-out;box-shadow:inset 0 0 0 0 rgba(255,255,0,0),inset 0 0 0 0 rgba(255,0,0,0),inset 0 0 0 0 rgba(0,255,255,0),inset 0 0 0 0 rgba(0,0,255,0),0 0 0 0 rgba(255,255,0,0),0 0 0 0 rgba(255,0,0,0),0 0 0 0 rgba(0,255,255,0),0 0 0 0 rgba(0,0,255,0),inset 0 38px 0 0 #000,inset 0 0 0 0 #fff,inset 0 -38px 0 0 #000;border:1px solid hsla(0,0%,100%,.4);text-shadow:0 0 0 rgba(255,255,0,.5),0 0 0 rgba(255,0,0,.5),0 0 0 rgba(0,255,255,.5),0 0 0 rgba(0,0,255,.5);background:none}.language-section>.category-buttons>button:hover{border-color:#fff;border-style:solid;border-width:1px 2px;box-shadow:inset 1px 0 0 0 #ff0,inset 2px 0 0 0 red,inset -1px 0 0 0 aqua,inset -2px 0 0 0 blue,1px 0 0 0 #ff0,2px 0 0 0 red,-1px 0 0 0 aqua,-2px 0 0 0 blue,inset 0 38px 0 0 #000,inset 0 0 0 0 #fff,inset 0 -38px 0 0 #000;text-shadow:0 1px .5px rgba(255,255,0,.4),0 2px .5px rgba(255,0,0,.4),0 -1px .5px rgba(0,255,255,.4),0 -2px .5px rgba(0,0,255,.4)}.language-section>.category-buttons>button.selected{background:#fff;color:#000;box-shadow:inset 0 0 0 0 #ff0,inset 0 0 0 0 red,inset 0 0 0 0 aqua,inset 0 0 0 0 blue,2px 0 0 0 #ff0,4px 0 0 0 red,-2px 0 0 0 aqua,-4px 0 0 0 blue,inset 0 0 0 0 #000,inset 0 38px 0 0 #fff,inset 0 -38px 0 0 #000;text-shadow:0 0 0 rgba(255,255,0,.5),0 0 0 rgba(255,0,0,.5),0 0 0 rgba(0,255,255,.5),0 0 0 rgba(0,0,255,.5)}@-moz-document url-prefix(){.language-section>.category-buttons>button.selected{outline:3px solid #fff;outline-offset:-3px}}.language-section>.category-container>.language{display:inline-block;padding:5px}.language-section>.category-container>.language img{display:inline-block;height:15px}.selected-projects{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}#modal{border:0;padding:0;background:#111;border-radius:8px;box-shadow:0 0 32px 10px rgba(0,0,0,.2);position:relative}#modal>.modal-inner{max-width:768px;padding:32px;border:0}#modal>.modal-inner h1{font-size:32px;margin-top:0;margin-bottom:8px}#modal>.modal-inner .project-img{margin-bottom:8px;box-sizing:border-box;container-type:inline-size;max-height:400px;display:flex;justify-content:center;align-items:center}#modal>.modal-inner .project-img img{width:100%;height:auto;max-height:400px;object-fit:contain}#modal>.modal-inner .links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}#modal>.modal-inner .links>a{display:flex;align-items:center;gap:5px}#modal>.modal-inner .links>a>img{width:20px;height:auto}#modal::-webkit-backdrop{background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#modal::backdrop{background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-container{border:1px solid hsla(0,0%,100%,.2);transition:height 1s ease,outline-offset .5s,outline-color .5s,box-shadow .5s;border-radius:8px;box-shadow:0 0 15px 0 hsla(0,0%,100%,.04),inset 0 0 300px 0 hsla(0,0%,100%,.07);overflow:hidden}.project-container .img-container{overflow:hidden;container-type:inline-size;display:flex;box-sizing:border-box;justify-content:center;height:365px;border-bottom:1px solid hsla(0,0%,100%,.2)}.project-container .img-container img{box-sizing:border-box;width:100%;height:auto;object-fit:contain}.project-container>.project-contents{padding:30px}.project-container>.project-contents .project-title{display:flex;gap:10px;justify-content:space-between;text-align:left;font-family:var(--font-inter),sans-serif;font-weight:600;line-height:normal;padding:0;margin:0 0 12px}.project-container>.project-contents .project-title>.links{display:flex;gap:10px}.project-container>.project-contents .project-title>.links>a{display:flex;align-items:center;gap:5px;font-size:16px;line-height:normal;font-weight:400}.project-container>.project-contents .project-title>.links>a img{width:20px;height:auto}.project-container>.project-contents>.project-summary{display:inline-block;font-family:var(--font-open-sans),sans-serif;font-weight:200;white-space:pre-wrap}.placeholder-image-outer{width:100%;height:100%;position:relative;overflow:hidden;background:#000}.placeholder-image-outer>.placeholder-image{transition:all .5s,transform 10000s;width:100%;height:100%;filter:blur(100px)}.placeholder-image-outer>.placeholder-image>.blob{position:absolute;transform:translate(-50%,-50%);opacity:.5;mix-blend-mode:exclusion}.placeholder-image-outer>.placeholder-image>.blob.animated{animation:blob 10s infinite}.placeholder-image-outer>.placeholder-image:hover{transform:rotate(1000turn)}@keyframes blob{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.project-tags{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--font-inter),sans-serif;align-items:center}.project-tags>.tag{display:flex;align-items:center;font-size:14px;filter:saturate(65%);font-weight:600;background:color-mix(in srgb,var(--tag-color) 10%,hsla(0,0%,100%,0));border:1px solid color-mix(in srgb,var(--tag-color) 20%,hsla(0,0%,100%,0));color:color-mix(in srgb,var(--tag-color) 100%,hsla(0,0%,100%,0));padding:4px 8px;border-radius:8px;white-space:nowrap}.project-tags>.tag img{height:16px;width:auto;margin-right:5px}.p-code{font-family:var(--font-poppins),"Poppins",sans-serif;font-weight:300;color:#fff;background:#000;height:100%;padding:0;position:relative;max-width:1200px;margin:0 auto}.page-container{width:100%;height:-moz-fit-content;height:fit-content;overflow-y:scroll;max-height:100%}.featured-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:150px;max-width:1024px;margin:auto auto 150px}.featured-container article{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;gap:16px}@media(max-width:1000px){.featured-container article{flex-direction:column;justify-content:center}}.featured-container article.flip{flex-direction:row-reverse}.featured-container article>.text{display:flex;max-width:440px;flex-direction:column;justify-content:center}.featured-container article>.text>h3{margin:unset;line-height:unset;font-size:40px}.featured-container article .iframe-container,.featured-container article img{max-width:500px;width:100%}.featured-container article .iframe-container iframe{all:unset;width:500px;height:650px}