@import url(https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{--top:#616a731f;--bottom:#0000;background-color:#101010;font-family:Inter,sans-serif;scroll-behavior:smooth}@font-face{-webkit-font-smoothing:antialiased;font-display:swap;font-family:New Spirit;font-style:normal;font-weight:400;src:url(/static/media/New-Spirit-Regular.80cab63ac70d08eec567.woff2) format("woff2"),url(/static/media/New-Spirit-Regular.c9ae1c1b271f9d053bc8.woff) format("woff"),url(/static/media/New-Spirit-Regular.4d0ca3d6558717d2905a.otf) format("opentype");text-rendering:optimizeLegibility}::selection{background-color:#f9e085!important;color:#000}.vsc-controller,.vsc-controller #controller{display:none!important}.experience{height:100vh;position:fixed;width:100vw}.gradient{height:70vh;left:0;position:absolute;top:0;width:100vw}.gradient.home{background:linear-gradient(180deg,#0000,#101010),linear-gradient(44.78deg,#46e3b74d -5.94%,#2f7ad04d 62.87%)}.gradient.projects{background:linear-gradient(180deg,#0000,#101010),linear-gradient(89.42deg,#455eb533 16.15%,#5643cc33 47.6%,#673fd733 72.31%);pointer-events:none}.gradient.experiences{background:linear-gradient(180deg,#0000,#101010),linear-gradient(270deg,#50e3c233,#0070f333);pointer-events:none}.gradient.contact{background:linear-gradient(180deg,#0000,#101010),linear-gradient(90deg,#44a08d33,#09363733);pointer-events:none}.gradient.photos{background:linear-gradient(180deg,#0000,#101010),linear-gradient(135deg,#ff6ec733,#64b5f633);background:linear-gradient(180deg,#0000,#101010),linear-gradient(135deg,#6eafff33,#64b5f633);z-index:10}.gradient.contact+h1,.gradient.experiences+h1,.gradient.photos+h1,.gradient.projects+h1{color:#fff;font-size:80px;font-weight:800;margin:auto;padding-top:100px;width:100%;z-index:-100}.credits{bottom:20px;color:#fff;font-family:Roboto,sans-serif;position:absolute;right:20px;text-align:right}.credits a{color:inherit}.about,.contact,.experiences,.projects{color:#f2f2f2;height:100%;padding-top:100px;width:100%}.experiences-container{margin:50px auto 400px;max-width:720px}h1{font-size:50px;text-align:center}.last-section-header{marign-bottom:0}.animate-title{animation:fadeInUp 1s ease forwards;opacity:0}.navbar{align-items:center;display:flex;height:96px;justify-content:space-between;padding:24px 48px;position:fixed;top:0;width:100vw;z-index:1000}.nav-wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0a0acc;height:100px;inset:0 0 auto 0;-webkit-mask-image:linear-gradient(180deg,#000 20%,#0000 80%);mask-image:linear-gradient(180deg,#000 20%,#0000 80%);position:fixed;width:100%;z-index:-1}.nav-center{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0a54;border-radius:16px;box-shadow:0 0 0 1px #ffffff24;flex:1 1;height:48px;justify-content:center;max-width:700px;padding:0 40px;position:relative}.nav-center,.nav-center-links{align-items:center;display:flex}.nav-center-links{gap:32px;justify-content:space-between;-webkit-user-select:none;user-select:none;width:100%}a{color:#fffc;transition:color .24s cubic-bezier(.25,.46,.45,.94)}a:hover{color:#fff}.nav-center-links>a{font-size:14px;text-decoration:none;text-shadow:0 1px 2px #0003,0 2px 4px #0000001a}.nav-glow{background:#f2f2f2;border-radius:2px 2px 0 0;bottom:0;box-shadow:0 -5px 25px 2px #fff;height:2px;transition:left .3s ease;width:40px;z-index:1000}.nav-left{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:start}.vid-icon-background{background:linear-gradient(90deg,#c3c1b8,#cecdc7);border-radius:50%;box-shadow:0 0 0 1px #ffffff24;height:48px;position:absolute;width:48px;z-index:1}.video-icon-container video{height:64px;position:relative;top:1px;width:64px;z-index:2}.nav-left h3{text-shadow:0 1px 2px #0000004d,0 2px 4px #0003}.nav-left-text h2{color:#f2f2f2;font-size:20px;font-weight:500;margin-bottom:0}.nav-left-text h3{color:#f2f2f280;display:inline;font-size:12px;font-weight:500}.nav-left svg{margin:0 2px;position:relative;top:1px}.nav-right-link>a{font-size:14px;margin-bottom:2px;margin-right:4px;text-decoration:none;text-shadow:0 1px 2px #0000004d,0 2px 4px #0003;-webkit-user-select:none;user-select:none}.nav-right-link svg{transform:translate(-10%,10%);transition:transform .24s cubic-bezier(.25,.46,.45,.94)}.nav-right-link:hover svg{transform:translate(0)}.nav-right{display:flex;flex:1 1;gap:20px;justify-content:end}.nav-glow{left:40px;position:absolute}.nav-center-left{display:none}.nav-center-right{align-items:center;cursor:pointer;display:none;justify-content:center;padding:8px;position:absolute;right:16px;top:24px}.hamburger{display:flex;flex-direction:column;gap:13px}.hamburger .line{background:#fff;height:1px;transition:transform .3s ease;width:20px}.hamburger.open .line1{transform:rotate(45deg) translate(5px,5px)}.hamburger.open .line2{transform:rotate(-45deg) translate(5px,-5px)}.nav-left{text-decoration:none}@media only screen and (max-width:992px){.nav-left-text,.nav-right-link:first-child{display:none}}@media only screen and (max-width:768px){.nav-left,.nav-right{display:none!important}.nav-center-links{display:none;opacity:0;transition:opacity .5s ease-in-out}.navbar{height:auto;padding:10px}.nav-center{height:80px;max-width:1000px;overflow:hidden;transform-origin:bottom;transition:height .3s ease-in-out}.nav-glow{display:none}.nav-center-left{display:flex;flex-direction:row;gap:16px;left:16px;position:absolute;top:16px}.nav-center-left h2{font-size:20px;font-weight:600;margin-bottom:2px}.nav-center-left h3{color:#f2f2f280;display:inline;font-size:12px;font-weight:500}.nav-center-right{cursor:pointer;display:flex;padding:8px;position:absolute;right:20px}.nav-center-text svg{margin:0 2px}.nav-center.mobile-open{height:450px}.nav-center.mobile-open .nav-center-links{align-items:center;align-items:start;animation:fadeIn .5s forwards;display:flex!important;flex-direction:column;gap:32px;margin-top:46px;opacity:1}.nav-center-links a{font-size:22px;text-align:left}.nav-center-links a.active{font-weight:700}}.home-footer{color:#f2f2f280;font-size:12px;justify-content:space-between;padding:24px 48px;text-transform:uppercase;width:100%;z-index:5}.home-footer,.loading-overlay{align-items:center;bottom:0;display:flex;position:fixed}.loading-overlay{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#10101080;color:#f2f2f2;justify-content:center;left:0;right:0;top:0;transform:translateY(0);transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:10}.loading-overlay.slide-up{transform:translateY(-100%)}.loading-container{align-items:start;display:flex;flex-direction:column;gap:40px;max-width:450px;width:100%}.loading-top-row{display:flex;flex-direction:row;gap:40px;justify-content:space-between;width:100%}.loading-name{display:flex;flex-direction:column;font-family:New Spirit,Garamond,serif;font-size:5.75rem;font-weight:400;line-height:.8}.loading-computer-image{align-items:center;display:flex;height:fit-content;left:10px;position:relative}.loading-computer-image img{-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;height:auto;max-height:145px;object-fit:contain;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:auto}.loading-computer-image svg{color:#4b4b4b;top:35px}.loading-bottom-row{display:flex;flex-direction:row;gap:20px;justify-content:space-between;width:100%}.loading-text{align-items:center;display:flex;font-size:1.5rem;letter-spacing:-.05rem}.loading-text span{display:inline-block;font-size:1.5rem;font-weight:700;min-width:8ch}.loading-dots{display:inline-block;min-width:3ch;text-align:left}.loading-percentage{font-size:1rem;font-size:1.5rem;font-weight:700;text-align:right}.loading-progress-row{display:flex;display:none;justify-content:center;margin-top:0;width:100%}.loading-progress-bar{background-color:#fff3;border-radius:2px;height:4px;overflow:hidden;width:100%}.loading-progress-fill{background-color:#f2f2f2;border-radius:2px;height:100%;transition:width .1s ease-out}.loading-footer{align-items:center;bottom:0;color:#f2f2f25c;display:flex;font-size:12px;font-weight:500;justify-content:space-between;padding:20px 40px;position:absolute;text-transform:uppercase;width:100%;z-index:5}.loading-footer-left{align-items:center;display:flex;gap:12px;justify-content:center}@media (max-width:768px){.loading-container{align-items:center;text-align:center}.loading-top-row{align-items:center;flex-direction:column;gap:40px}.loading-name{font-size:4rem;text-align:center}.loading-computer-image{left:0;max-height:145px;position:relative}.loading-bottom-row{align-items:center;flex-direction:column;gap:10px}.loading-text{display:none}.loading-percentage{font-size:1.5rem;text-align:center}.loading-progress-row{margin-top:15px}.loading-footer-left,.loading-footer-right{display:none}.loading-footer{align-items:center;justify-content:center}}@media (max-width:480px){.loading-name{font-size:3rem}.loading-progress-row{margin-top:10px}}.main-heading{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#eee,#999);-webkit-background-clip:text;font-family:New Spirit;font-size:6em;font-weight:400;opacity:0;position:absolute;text-align:center;top:150px;transition:all .6s ease-out;width:100%;z-index:1}.main-heading,.main-heading.animate{opacity:1;top:80px}h1{font-family:New Spirit}.experience{position:absolute;top:0;transition:all .6s ease-out;z-index:2}.experience.animate{top:70px}.gradient.home{height:100vh;overflow:hidden}body{overflow-y:hidden!important}.animate-heading{animation:fadeInUp 1.5s forwards;animation-delay:.5s;opacity:0}@media (max-width:768px){.main-heading{font-size:4em;margin-top:20px}.home-footer .right-text{display:none}.home-footer .left-text{text-align:center;width:100%}canvas{pointer-events:none!important;z-index:-1!important}nav{position:relative;z-index:1000}}.about-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(6,1fr);padding:75px 0 0}.about-grid h1{color:#d9d9d9;font-family:New Spirit;font-size:48px;font-weight:semi-bold;margin-bottom:50px;margin-top:10px;text-align:left}h1 .emphasize{color:#d3a6ff;color:#b0ecef}.hero h2{font-weight:400}.glow-circle{background:#d9d9d9;background:#b0ecef;border-radius:50px;box-shadow:0 0 20px #fff;display:inline-block;height:10px;margin-right:12px;width:10px}.tag-header{color:#f2f2f266;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:500;letter-spacing:.1em;line-height:15px;text-transform:uppercase}.header-tag,.tag-header{margin-bottom:38px}.gallery{grid-gap:4px;display:grid;display:none;gap:4px;grid-auto-rows:minmax(200px,auto);grid-column:span 6;grid-template-columns:repeat(6,1fr);margin-bottom:200px;margin-top:100px}.gallery div{background-color:gray;border-radius:4px;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;z-index:10}.gallery .img-one{grid-column:1/3;grid-row:1}.overlay{background-color:#000!important;height:100%;opacity:0;position:absolute!important;transition:all .3s ease;width:100%;z-index:12}.overlay:hover{opacity:1}.gallery .img-two{grid-column:3/4;grid-row:1}.gallery .img-three{grid-column:4/6;grid-row:1}.gallery .img-four{grid-column:6;grid-row:1/3}.gallery .img-five{grid-column:1;grid-row:2/4}.gallery .img-six{grid-column:2;grid-row:2}.gallery .img-seven{grid-column:2;grid-row:3}.gallery .img-eight{grid-column:3/5;grid-row:2/4}.gallery .img-nine{grid-column:5;grid-row:2}.gallery .img-ten{grid-column:5;grid-row:3/5}.gallery .img-eleven{grid-column:6;grid-row:3}.gallery .img-twelve{grid-column:1;grid-row:4}.gallery .img-thirteen{grid-column:2/4;grid-row:4}.gallery .img-fourteen{grid-column:4;grid-row:4}.gallery .img-fifteen{grid-column:6;grid-row:4}.about-grid main{display:flex;flex-direction:row;grid-column:span 4/6;justify-content:space-around}.about-grid p{color:#929292;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:28px;margin-bottom:28px}h2{color:#f2f2f2e6;font-family:New Spirit;font-size:18px;font-weight:700;margin-bottom:18px}.right{flex-grow:1;width:50%;z-index:3}.right div{margin-bottom:50px}.left{align-self:stretch;height:100%;position:relative;text-align:right;width:50%}.image-container{display:block;position:sticky;position:-webkit-sticky;top:150px}.left img{height:auto;max-width:350px;object-fit:contain}.hero{gap:48px;grid-column:span 4/6;justify-content:space-between}.hero-left{text-align:left}.hero-right{display:flex;justify-content:flex-end}.hero-right img{height:auto;max-width:400px;width:100%}.gradient1{background:linear-gradient(285.49deg,#f537f9 -14.61%,#f7c12b 106.06%);border-radius:50%;filter:blur(50px);height:800px;opacity:.6;transition:all 1s ease!important;width:800px;z-index:1}.gradient-mask,.gradient1{position:absolute;right:50%;top:50%;transform:translate(62%,-50%)}.gradient-mask{background:radial-gradient(#0000 0,#101010 50%);height:1100px;width:1100px;z-index:2}.about{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.hero{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:0;min-height:calc(100vh - 75px);padding:100px 200px 150px;position:relative;text-align:center;z-index:100}.hero-left{flex:1 1}.hero-right{align-content:center;flex:1 1;justify-content:end}.hero-right img{border-radius:50%;max-width:380px;pointer-events:none;-webkit-user-select:none;user-select:none}.hero h1{font-size:40px}.computer-1,.computer-2,.computer-3{transition:opacity 1s ease-in-out}.computer-1{max-width:300px;transition:opacity .5s ease;z-index:4}.computer-2{z-index:3}.computer-2,.computer-3{left:50%;max-width:300px;opacity:0;position:absolute;top:0;transform:translateX(-50%);transition:opacity .5s ease}.computer-3{z-index:4}main{align-items:center;display:flex;flex-direction:row;padding:0 200px}main .right .image-container{height:100%;position:sticky;top:200px}.gradient-mask,.gradient1{z-index:-100}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-text{animation:fadeInUp 1.5s forwards;animation-delay:.5s;opacity:0}.animate-image{animation:fadeInUp 1.5s forwards;animation-delay:1s;opacity:0}.animate-glow{animation:fadeIn 1.5s forwards;animation-delay:.5s;opacity:0}.draw-svg{left:50%;position:absolute;top:100px;transform:translate(-50%);z-index:6}.draw-svg path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 4s linear forwards}@keyframes draw{to{stroke-dashoffset:0}}.bg-mask{background:radial-gradient(circle,#10101000 0,#101010 62.5%);height:clamp(375px,50vw,875px);width:clamp(375px,50vw,875px);z-index:-1}.bg-gradient,.bg-mask{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s linear}.bg-gradient{border-radius:50%;filter:blur(25px);height:clamp(312.5px,37.5vw,625px);width:clamp(312.5px,37.5vw,625px)}.bg-gradient-1{background:linear-gradient(89.42deg,#455eb599 16.15%,#5643cc99 47.6%,#673fd799 65.57%);z-index:-4}.bg-gradient-2{background:linear-gradient(44.78deg,#46e3b799 -5.94%,#2f7ad099 62.87%);z-index:-3}.bg-gradient-3{background:linear-gradient(314.47deg,#f537f999 7.38%,#f7c12b99 72.24%);z-index:-4}.about-gradient{background:linear-gradient(180deg,#0000,#101010),linear-gradient(89.42deg,#455eb533 16.15%,#5643cc33 47.6%,#673fd733 72.31%);height:75vh;left:0;position:absolute;top:0;width:100%;z-index:-300}.conclusion-section{margin-bottom:50px}.last-section-header{margin-bottom:0!important}.computer-1-mobile,.computer-1-mobile-container,.computer-2-mobile,.computer-3-mobile{display:none}.about main .left{display:flex;justify-content:end;position:sticky;top:calc(50vh - 200px)}.about main{margin-bottom:100px}.about-image-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0 50px}.about-image-container{background:#fff;border:solid #fff;border-width:8px 8px 40px;box-shadow:0 4px 16px #11111a1a,0 8px 32px #11111a0d;height:60vh;position:relative;transition:transform .7s ease;width:120%}.about-image-container:first-child{transform:rotate(5deg) translateY(200px)}.about-image-container:nth-child(2){transform:rotate(-7deg) translateY(220px) translateX(-20px)}.about-image-container:nth-child(3){transform:rotate(5deg) translateY(100px)}.about-image-container:nth-child(4){transform:rotate(-5deg) translateY(150px)}.about-image-container:nth-child(5){transform:rotate(12deg) translateY(200px)}.about-image-container:nth-child(6){transform:rotate(5deg) translateY(250px) translateX(-50px)}.about-image-container:hover{transform:translateY(5px)!important}.about-image-container:hover:nth-child(6){transform:translateY(5px) translateX(-40px)!important}.about-image-gallery img{-webkit-user-drag:none;background:none;border:none;display:block;height:100%;object-fit:cover;pointer-events:none;transition:none;-webkit-user-select:none;user-select:none;width:100%}.about-gallery-caption{border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:#000;font-family:Shadows Into Light,cursive;font-size:1rem;left:10px;letter-spacing:.5px;padding:6px 0 4px;position:absolute;right:0;transition:transform .7s ease;z-index:10}.about-container{display:flex;flex-direction:row}.experience-about-wrapper{margin-bottom:0}.experience-about-title{font-size:30px!important}.experience-container{border-radius:12px;box-sizing:initial;display:flex;flex-direction:column;margin-bottom:16px!important;padding:24px 16px;transition:background .2s;transition:box-shadow background .3s}.experience-container h2{transition:color .24 cubic-bezier(.25,.46,.45,.94)}.experience-container .dates{color:#f2f2f280;font-size:14px;justify-content:start!important;margin-bottom:16px;padding-right:10px;text-align:left;text-transform:uppercase;width:30%;width:100%}.experience-container .experience-info{font-size:14px;margin-bottom:0;width:70%;width:100%}.experience-container:hover{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#141414cc;box-shadow:0 0 0 1px #ffffff24;cursor:pointer}.experience-container:hover h2{color:#b0ecef}.experience-info ul{color:#f2f2f280;font-size:.85rem;line-height:1.5rem;margin-bottom:16px}.skills-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:0!important}.experience-skill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#101010e6;border:1px solid #23252a;border-radius:12px;color:#f2f2f2;color:#c9b0ef;color:#b0ecef;font-size:12px;letter-spacing:.5px;padding:4px 16px}.resume-wrapper{align-items:start!important;margin:10px 0;margin-top:30px!important;padding-left:16px}.resume-underline{margin:0!important}.photos-link svg{vertical-align:middle}.about-gallery-season{border-radius:8px;bottom:0;color:#fff;font-family:Shadows Into Light,cursive;font-size:1rem;left:0;left:10px;letter-spacing:.5px;padding:6px 0 4px;position:absolute;text-align:left;text-shadow:0 1px 2px #0000004d,0 2px 4px #0003;z-index:11}.all-photos-link{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;position:relative;text-align:center;width:100%}.all-photos-underline{background:#f2f2f2;border-radius:1px;box-shadow:0 -5px 25px 1px #fff;height:2px;margin-top:4px;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s;width:0}.photos-link{align-items:center;display:flex}.photos-link:hover~.all-photos-underline{background:#fff;width:180px}.photos-link:hover .arrow-icon{transform:translateX(15%)}.photos-link{color:#f2f2f2;text-decoration:none;transition:color .2s}.photos-link:hover{color:#fff}.photos-link .bi-github{fill:currentColor;color:inherit;margin-right:10px;vertical-align:middle}.photos-link-text{font-size:16px;margin-right:6px}.photos-link:hover .arrow-icon,.photos-link:hover .bi-github,.photos-link:hover .resume-link-text{fill:#fff;color:#fff}@media only screen and (max-width:1200px){.about .hero,.about main{padding:0 100px}}@media only screen and (max-width:992px){.about .hero,.about main{padding:0 50px}.about-image-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.about-image-container:nth-child(n+5){display:none}}@media (max-width:768px){.about-image-gallery{grid-template-columns:repeat(3,minmax(0,1fr));margin-left:10px;margin-right:10px}.about-image-container:nth-child(n+4){display:none}.about .hero{flex-direction:column;margin-bottom:100px;margin-top:100px}.about .hero,.about main{padding:0 26px}.hero-right img{max-height:300px;max-width:300px}.about h1{font-size:30px;margin-bottom:25px}.about main .left{display:none}.computer-1-mobile,.computer-1-mobile-container,.computer-2-mobile,.computer-3-mobile{display:block;margin:50px auto;max-width:350px;width:100%}main{align-items:stretch;display:flex;flex-direction:column;padding:20px}.left,.right{position:static;width:100%}.left .computer-1,.left .computer-2,.left .computer-3,.right>div{order:0}#scroll-anim{display:flex;flex-direction:column;width:100%!important}.right>div:first-child{order:1}.left .computer-1{display:block;margin:20px auto;max-width:100%;order:2}.right>div:nth-child(2){order:3}.left .computer-2{display:block;margin:20px auto;max-width:100%;order:4}.right>div:nth-child(3){order:5}.left .computer-3{display:block;margin:20px auto;max-width:100%;order:6}.right>div:nth-child(4){margin-top:20px;order:7}.gallery{grid-gap:10px;display:grid;display:none;gap:10px;grid-auto-rows:minmax(200px,auto)!important;grid-template-columns:1fr!important}.about .future-section main h2:not(:nth-last-child(2)),.about .past-section main h2:not(:nth-last-child(2)),.about .present-section main h2:not(:nth-last-child(2)){font-size:25px;text-align:center}.experience-container{padding:0}.experience-container:hover{box-shadow:none}.experience-about-wrapper .resume-wrapper{padding-left:0}.about{overflow-x:hidden}}#scroll-anim{cursor:pointer;margin-top:80px;opacity:1;transition:opacity .5s;width:80px}#scroll-anim p{animation:fadeIn .5s forwards;animation-delay:1s;color:#ededed;font-size:.75rem;pointer-events:none;text-align:center}#scroll-anim p,#scroll-anim>div{margin:0 auto;opacity:0;position:relative;transform:translateY(-1rem);z-index:40}#scroll-anim>div{animation:fadeIn .5s forwards;animation-delay:.8s;height:7.5rem;width:2px}#scroll-anim>div>div:first-child{background:linear-gradient(180deg,#d3a6ff,#0000);background:linear-gradient(180deg,#b0ecef,#0000);border-radius:2px;bottom:0;height:6.4rem;position:absolute;width:100%}#scroll-anim>div>div.scroll-line-animation{animation:scrollLine 2s linear infinite;background:#fff;border-radius:2px;height:1.6rem;overflow:hidden;position:absolute;top:1.1rem;width:100%}@keyframes scrollLine{0%{transform:translateY(0)}50%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#past-section{scroll-margin-top:150px}.gradient-grid-1{--grid-size:24px;--grid-size-half:12px;background-image:linear-gradient(to right,#0000 var(--grid-size-half),#a9a1ff calc(var(--grid-size-half) + 1px),#0000 calc(var(--grid-size-half) + 1px)),linear-gradient(to bottom,#0000 var(--grid-size-half),#a9a1ff calc(var(--grid-size-half) + 1px),#0000 calc(var(--grid-size-half) + 1px));background-size:24px 24px;display:block;height:clamp(312.5px,37.5vw,625px);left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(312.5px,37.5vw,625px);z-index:-2}.gradient-grid-2{background-image:linear-gradient(to right,#0000 var(--grid-size-half),#46e3b7 calc(var(--grid-size-half) + 1px),#0000 calc(var(--grid-size-half) + 1px)),linear-gradient(to bottom,#0000 var(--grid-size-half),#46e3b7 calc(var(--grid-size-half) + 1px),#0000 calc(var(--grid-size-half) + 1px))}.gradient-grid-2,.gradient-grid-3{--grid-size:24px;--grid-size-half:12px;background-size:24px 24px;display:block;height:clamp(312.5px,37.5vw,625px);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(312.5px,37.5vw,625px);z-index:-3}.gradient-grid-3{background-image:linear-gradient(to right,#0000 var(--grid-size-half),#f3bd6c calc(var(--grid-size-half) + 1px),#0000 calc(var(--grid-size-half) + 1px)),linear-gradient(to bottom,#0000 var(--grid-size-half),#f3bd6c calc(var(--grid-size-half) + 1px),#0000 calc(var(--grid-size-half) + 1px))}@keyframes gradient-fade-in{0%{opacity:0}to{opacity:1}}.outer-container{height:auto;margin-left:auto;margin-right:auto;max-width:1600px}.refresh-gallery-btn-container{display:flex;justify-content:center;width:100%}.refresh-gallery-btn{background:#0000;border:none;border-radius:8px;box-shadow:none;color:#222;cursor:pointer;font-family:inherit;font-size:1rem;margin-top:.5rem;outline:none;padding:10px 10px 8px;width:50px}.main-footer{align-items:center;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);background:#101010e6;border-top:2px solid #23252a;color:#f2f2f280;display:flex;flex-direction:row;font-size:12px;grid-column:span 4/6;justify-content:space-between;padding:48px;position:relative;z-index:10}.footer-left{align-items:center;gap:12px}.footer-left p{font-size:12px;line-height:1em;margin:0}.footer-left-profile-text h2{font-size:20px;font-weight:400;margin-bottom:0}.footer-left-profile-text h3{display:inline;font-size:14px;font-weight:400}.footer-left{align-items:start;display:flex;flex:1 1;flex-direction:column;justify-content:start}.copyright-statement{margin-left:72px;margin-top:64px}.copyright-statement h2{color:#f2f2f2;font-family:New Spirit;font-size:16px;font-weight:400;margin-bottom:5px}.footer-left-profile{display:flex}.footer-left-profile-text{margin:auto}.footer-left img{border-radius:100%;height:48px;margin-right:24px;width:48px}.footer-left svg{display:inline}.footer-left-text h2{color:#f2f2f2;font-size:20px;font-weight:500;margin-bottom:4px}.footer-left-text h3{color:#f2f2f280;font-size:12px;font-weight:500}.footer-right{display:flex;flex:1 1;font-size:14px;justify-content:end}.footer-right h3{color:#f2f2f2;font-family:New Spirit;font-size:14px;font-weight:400;margin-bottom:15px}.footer-right a{color:#f2f2f280;display:block;margin-bottom:15px;text-decoration:none}.footer-right a:hover{color:#f2f2f2}.footer-contact-links,.footer-main-links{flex:1 1}.footer-right-external-link:hover svg{transform:translate(0)}.footer-right-external-link:hover svg path{fill:#f2f2f2;fill-opacity:1}.footer-right-external-link svg{transitiion:fill-opacity .24s cubic-bezier(.25,.46,.45,.94);transform:translate(-10%,10%);transition:transform .24s cubic-bezier(.25,.46,.45,.94)}.footer-contact-links a,.footer-left,.footer-main-links a,.footer-right,.footer-right a{pointer-events:auto}@media only screen and (max-width:768px){.main-footer{flex-direction:column;padding:26px}.copyright-statement{bottom:20px;margin:auto;position:absolute;right:0;text-align:center;width:100vw}.footer-left{margin-bottom:26px;width:100%}.footer-right{justify-content:space-evenly;margin-bottom:65px;margin-left:150px;width:100%}.left-text{justify-content:center;width:100%}}body{overflow-y:scroll}body,html{max-width:100vw;overflow-x:hidden}.gradient.projects{pointer-events:all}.projects-title{left:50%;position:fixed!important;top:10px;transform:translateX(-50%);transition:opacity .1s ease;z-index:100}.projects-title.hide{opacity:0}.projects{overflow-x:clip}.wip-bnaner{color:#929292;height:50vh;margin-top:250px;text-align:center;width:100vw}.showcase{display:flex;display:none;flex-direction:row;gap:12px;margin:150px 12px;position:relative;z-index:2}.showcase section{flex-grow:1}.showcase div{background-color:dimgray;border:1px solid #2c2c2c;border-radius:8px;height:300px;margin-bottom:12px}.showcase .item-one{height:530px}.showcase .item-two{height:650px}.showcase .item-three{height:320px;height:430px}.showcase .item-five{height:320px}.showcase .item-six{height:630px}.showcase .item-seven{height:600px}.showcase .item-eight{height:520px}.showcase .item-nine{height:300px}.showcase-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,100px);margin:150px auto 50px;max-width:1600px;padding:0 10px}.grid-item:hover{cursor:pointer}.item1{grid-column:1/4;grid-row:1/6}.item2{grid-column:4/8;grid-row:1/4}.item3{grid-column:8/13;grid-row:1/4}.item4{grid-column:4/10;grid-row:4/7}.item5{grid-column:10/13;grid-row:4/7}.item6{grid-column:1/4;grid-row:6/10}.item7{grid-column:4/7;grid-row:7/10}.item8{grid-column:1/6;grid-row:10/13}.item9{grid-column:7/10;grid-row:7/10}.item10{grid-column:10/13;grid-row:7/13}.item11{grid-column:6/10;grid-row:10/13}.grid-item{background-position:50%;background-size:cover;border:2px solid #24252a;border-radius:10px;box-shadow:0 2px 12px #00000014;min-height:120px}.all-projects-link{align-items:center;display:flex;flex-direction:column;margin-bottom:100px;position:relative;text-align:center;width:100%}.all-projects-underline{background:#f2f2f2;border-radius:1px;box-shadow:0 -5px 25px 1px #fff;height:2px;margin-top:4px;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s;width:0}.github-link:hover~.all-projects-underline{background:#fff;width:180px}.github-link{color:#f2f2f2;text-decoration:none;transition:color .2s}.github-link:hover{color:#fff}.github-link .bi-github{fill:currentColor;color:inherit;margin-right:10px;vertical-align:middle}.github-link-text{margin-right:6px}.arrow-icon{fill:currentColor;color:inherit}.github-link:hover .arrow-icon,.github-link:hover .bi-github,.github-link:hover .resume-link-text{fill:#fff;color:#fff}.grid-item{overflow:hidden;padding:12px}.grid-item-overlay{align-items:flex-end;bottom:-60px;display:flex;flex-direction:row;height:100%;justify-content:space-between;position:relative;transition:all .2s ease}.grid-item:hover .grid-item-overlay{bottom:0}.grid-item h1{font-size:38px}.grid-item-overlay button{border-radius:7px;font-family:New Spirit,Inter,"sans-serif";height:30px;padding:7px;width:auto}.grid-item-overlay a.github-button,.grid-item-overlay a.read-more-button,.grid-item-overlay a.visit-site-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4443;border:none;border-radius:7px;box-shadow:0 0 0 1px #ffffff24;color:#ededed;cursor:pointer;display:inline-flex;display:flex;font-family:New Spirit,Inter,"sans-serif";font-size:14px;height:30px;justify-content:center;outline:none;padding:7px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:auto}.grid-item-overlay a.read-more-button,.grid-item-overlay a.visit-site-button{padding-left:16px;padding-right:16px}.grid-item-overlay a.github-button:active,.grid-item-overlay a.read-more-button:active,.grid-item-overlay a.visit-site-button:active{box-shadow:0 0 0 1px #ffffff80;transform:scale(.95)}.grid-item-overlay .read-more-button,.grid-item-overlay .visit-site-button{align-items:center;display:flex;padding-left:16px;padding-right:16px}.grid-item-overlay .read-more-button svg,.grid-item-overlay .visit-site-button svg{margin-left:10px}.item1,.item10,.item11,.item12,.item2,.item3,.item4,.item5,.item6,.item7,.item8,.item9{position:relative}.grid-item-header-overlay h1{color:#f2f2f2!important}.grid-item-header-overlay p{color:#bdbebe}.item1 .grid-item-header-overlay,.item10 .grid-item-header-overlay{left:50%;pointer-events:none;position:absolute;text-align:center;top:12px;transform:translateX(-50%);width:calc(100% - 24px);z-index:1}.item1 .grid-item-header-overlay h1,.item10 .grid-item-header-overlay h1{margin:12px 0}.item1 .grid-item-header-overlay p,.item10 .grid-item-header-overlay p{margin:4px 0 0}.item2 .grid-item-header-overlay,.item9 .grid-item-header-overlay{align-items:flex-start;bottom:12px;display:flex;flex-direction:column;pointer-events:none;position:absolute;text-align:left;width:calc(100% - 80px);z-index:1}.item2 .grid-item-header-overlay h1,.item9 .grid-item-header-overlay h1{margin-bottom:8px}.item2 .grid-item-header-overlay p,.item9 .grid-item-header-overlay p{font-size:14px}.item3 .grid-item-header-overlay{align-items:flex-start;display:flex;flex-direction:column;left:20px;max-width:250px;pointer-events:none;position:absolute;text-align:left;top:20px;width:50%;z-index:1}.item3 .grid-item-header-overlay h1{margin-bottom:8px}.item3 .grid-item-header-overlay p{font-size:14px}.item4 .grid-item-header-overlay,.item7 .grid-item-header-overlay{left:50%;pointer-events:none;position:absolute;text-align:center;top:12px;transform:translateX(-50%);width:calc(100% - 24px);z-index:1}.item4 img{border-radius:10px;left:50%;max-height:300px;position:absolute;top:20px;transform:translateX(-50%);width:auto}.item11 .grid-item-header-overlay,.item5 .grid-item-header-overlay,.item8 .grid-item-header-overlay{align-items:flex-start;display:flex;flex-direction:column;left:12px;pointer-events:none;position:absolute;text-align:left;top:12px;z-index:1}.item11 .grid-item-header-overlay h1,.item5 .grid-item-header-overlay h1{margin-bottom:8px;text-align:left}.item8 .grid-item-header-overlay h1{margin-top:12px}.item5 .grid-item-header-overlay p{color:#f2f2f2;font-size:14px}.item8 .grid-item-header-overlay p{line-height:24px}.item6 .grid-item-header-overlay{left:50%;pointer-events:none;position:absolute;text-align:center;top:12px;transform:translateX(-50%);width:calc(100% - 24px);z-index:1}.item6 .grid-item-header-overlay h1{margin:12px 0}.item6 .grid-item-header-overlay p{margin:4px 0 0}@media (max-width:992px){.showcase-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(12,120px);.grid-item{border-radius:16px}}.grid-item{min-height:500px}}@media (max-width:1000px){.showcase-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important}.grid-item{min-height:500px!important}.grid-item,.item1,.item10,.item11,.item12,.item2,.item3,.item4,.item5,.item6,.item7,.item8,.item9{grid-column:auto!important;grid-row:auto!important}}@media (max-width:600px){.showcase-grid{grid-template-columns:1fr!important;grid-template-rows:none!important}.grid-item{min-height:500px!important}.grid-item,.item1,.item10,.item11,.item12,.item2,.item3,.item4,.item5,.item6,.item7,.item8,.item9{grid-column:auto!important;grid-row:auto!important}.item4 img{max-height:350px!important;top:70px!important}}@media only screen and (max-width:768px){.showcase{flex-direction:column;gap:10px;margin:100px 10px}.showcase div{border-radius:16px}.projects-title{top:0}}.experience-list{align-items:center;display:flex;flex-direction:column;gap:22px;justify-content:center;margin-top:20px;z-index:100}.experience-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0a4d;border-radius:12px;box-shadow:0 0 0 1px #ffffff24;box-sizing:border-box;color:#a0a0a0;display:flex;flex-direction:row;margin-bottom:2px;max-width:860px;padding:20px 32px;width:100%}.experience-left{flex:3 1}.experience-right{flex:1 1;text-align:right}.experience-company,.experience-role{color:#ededed;display:inline;font-family:New Spirit;font-size:16px;font-weight:400}.experience-description{font-size:14px;margin-bottom:16px;margin-left:14px;margin-top:12px}.experience-date{font-size:14px;text-transform:uppercase}.experience-skills{color:#ededed;display:flex;flex-direction:row;flex-wrap:wrap;font-size:12px;gap:8px;margin-bottom:12px;margin-top:12px}.experience-skills span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0a54;border-radius:20px;box-shadow:0 0 0 1px #ffffff24;padding:4px 16px}.resume-wrapper{max-width:860px;text-align:left}.resume-link{align-items:center;display:inline-flex;gap:4px;margin-bottom:4px;margin-left:0;margin-top:12px;position:relative;text-decoration:none}.resume-wrapper svg{color:#ededed;transform:translate(0);z-index:100}.arrow-icon,.resume-wrapper svg{transition:transform .24s cubic-bezier(.25,.46,.45,.94)}.arrow-icon{vertical-align:middle}.resume-link:hover .arrow-icon{transform:translate(10%,-10%)}li{line-height:20px;margin-bottom:5px}@media only screen and (max-width:768px){.experience-list{gap:10px;margin:0 10px!important}.experience-title{font-size:14vw!important;margin-bottom:20px}}@media (max-width:768px){.resume-wrapper{display:flex;justify-content:center;margin-top:20px}.experience-item{flex-direction:column}}.resume-wrapper{align-items:center;display:flex;flex-direction:column;margin-top:32px;position:relative;text-align:center;width:100%}.resume-underline{background:#f2f2f2;border-radius:1px;box-shadow:0 -5px 25px 1px #fff;height:2px;margin-top:4px;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s;width:0}.resume-link:hover~.resume-underline{background:#fff;width:160px}.form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0a4d;border-radius:12px;box-shadow:0 0 0 1px #ffffff24;box-sizing:border-box;color:#ededed;flex:1 1;font-size:14px;margin-bottom:100px;margin-left:auto;margin-right:auto;max-width:700px;width:50%}.form-instructions{border-bottom:1px solid #373737;color:#fffc;padding:16px 24px}.contact-form{padding:32px 24px}label{display:block;margin-bottom:12px}input,label{color:#ededed;font-size:14px}input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2223;border:none;border-radius:8px;box-shadow:0 0 0 1px #ffffff24;font-family:Inter,sans-serif;height:48px;margin-bottom:16px;outline:none;padding:14px 18px;width:100%}input:focus,textarea:focus{box-shadow:0 0 0 1px #ffffff80;outline:none}textarea{background:#2223;border:none;border-radius:8px;font-family:Inter,sans-serif;height:128px;margin-bottom:32px;padding:14px 18px;resize:none;width:100%}button,textarea{box-shadow:0 0 0 1px #ffffff24;color:#ededed;font-size:14px;outline:none}button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4443;border:none;border-radius:12px;cursor:pointer;height:48px;transition:transform .2s ease,box-shadow .2s ease;width:128px}button:active{box-shadow:0 0 0 1px #ffffff80;transform:scale(.95)}.send-button{display:flex;justify-content:center}.contact-content{display:block}.globe-container{display:none}.contact-title{left:50%;position:fixed!important;top:10px;transform:translateX(-50%);transition:opacity .1s ease;z-index:100}.success-message{align-items:center;display:flex;justify-content:center}.success-message svg{fill:#17c964;margin-right:8px;width:24px}@media (max-width:768px){.form-container{margin:0 10px 100px;width:auto}.hero{padding:300px 26px 0}}.photos-main{display:block;margin-bottom:8px;min-height:100vh;padding:150px 10px 0}.photos-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));margin-top:150px;width:100%;z-index:10}.photo-item,.photos-grid{position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:auto}.photo-item{align-items:center;background:#eaeaea;box-shadow:0 2px 8px #0000000a;display:flex;height:700px;justify-content:center;min-height:220px;overflow:hidden}.photo-item .after{background:linear-gradient(0deg,#141414cc,#14141400 20%);background:linear-gradient(180deg,#0000,#0000,80%,#00000080);color:#000;display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .24s cubic-bezier(.4,0,.2,1);width:100%;z-index:5}.photos-title{color:#fff;font-size:80px;font-weight:800;top:170px}.photos-subtitle,.photos-title{left:50%;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:5}.photos-subtitle{color:#f2f2f280;top:230px}.photo-item:hover .after{opacity:1}.photo-item .photo-location{left:10px}.photo-item .photo-location,.photo-item .photo-time{bottom:10px;color:#fff;color:#fffc;font-size:14px;position:absolute;z-index:5}.photo-item .photo-time{right:10px}.photo-blur{filter:blur(32px);inset:0;position:absolute;transform:scale(1.2) translateZ(0);transition:opacity .3s;z-index:1}.photo-blur,.photo-img{height:100%;object-fit:cover;width:100%}.photo-img{display:block;height:700px;opacity:0;position:relative;transition:opacity .5s cubic-bezier(.4,0,.2,1);z-index:2}.photo-img.loaded{opacity:1}@media only screen and (max-width:768px){.photos-grid{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}.photos-title{font-size:4.5rem}}
/*# sourceMappingURL=main.c6585ebb.css.map*/