.preloader{align-items:center;background-color:#000;display:flex;flex-wrap:wrap;height:100vh;justify-content:space-evenly;overflow:hidden;position:fixed;width:100vw;z-index:3}.texts-container{align-self:center;animation:fadeinout 3s forwards;color:#fff;display:flex;font-family:var(--font-body);font-size:clamp(16px,5vw,32px);font-weight:300;opacity:1}@keyframes fadeinout{0%,to{opacity:0}50%{opacity:1}}.flip-container{display:block;overflow:hidden;position:relative;white-space:nowrap}.flip-container-b{background-color:#000;color:#fff;inset:0;position:absolute}.nav-links.active .flip-container-b{background-color:#000;color:#fff;transform:translateY(0)}.nav-links.active .flip-container>div:first-child{transform:translateY(100%)}.navbar{margin:0 auto;width:100%}.nav-container{align-items:center;display:flex;justify-content:space-between;padding:15px 20px;position:absolute;width:100%;z-index:1}.nav-logo{color:#000;font-family:var(--font--body);font-size:24px;font-weight:700;text-decoration:none;z-index:101}.nav-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.nav-link{display:block;font-family:var(--font-link);font-size:14px;font-weight:500;margin-right:20px;text-decoration:none;text-transform:uppercase}.nav-link,.nav-link:visited{color:#000}.nav-link.active{background-color:#000;color:#fff}.nav-item:last-child .nav-link{margin-right:0}.header-wrapper{margin:0 auto;padding:0 0 50px;width:90%}.header-box{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap}.header-text{color:#000;font-size:16px;text-transform:uppercase}.header-text,.project{font-family:var(--font-link);font-weight:500}.project{border-top:2px solid #000;cursor:pointer;display:flex;font-size:18px;padding:10px 20px;transition:all .3s ease;width:95%}.project-title{flex:2 1;text-align:left}.project-category{flex:1 1;text-align:left}.project-date{flex:1 1;text-align:right}.project:hover{background-color:#000;border-top:2px solid #fff;color:#fff}.project>div{transition:transform .3s ease}.project:hover .project-title{transform:translateX(10px)}.project:hover .project-category,.project:hover .project-date{transform:translateX(-10px)}.hero-wrapper{background-color:#fff;margin:0 auto;overflow:hidden;position:relative;width:100vw;z-index:0}@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}.gradient-bg{height:100vh;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1;svg{height:0;left:0;position:fixed;top:0;width:0}.gradients-container{filter:url(#goo) blur(40px);height:100%;position:relative;width:100%}.g1{animation:moveVertical 30s ease infinite;background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;transform-origin:center center}.g1,.g2{height:var(--circle-size);left:calc(50% - var(--circle-size)/2);mix-blend-mode:var(--blending);opacity:1;position:absolute;top:calc(50% - var(--circle-size)/2);width:var(--circle-size)}.g2{animation:moveInCircle 20s infinite reverse;background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;transform-origin:calc(50% - 400px)}.g3{animation:moveInCircle 40s linear infinite;background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;left:calc(50% - var(--circle-size)/2 - 500px);opacity:1;top:calc(50% - var(--circle-size)/2 + 200px);transform-origin:calc(50% + 400px)}.g3,.g4{height:var(--circle-size);mix-blend-mode:var(--blending);position:absolute;width:var(--circle-size)}.g4{animation:moveHorizontal 40s ease infinite;background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;left:calc(50% - var(--circle-size)/2);opacity:.7;top:calc(50% - var(--circle-size)/2);transform-origin:calc(50% - 200px)}g5{animation:moveInCircle 20s ease infinite;background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;height:calc(var(--circle-size)*2);left:calc(50% - var(--circle-size));opacity:1;top:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);width:calc(var(--circle-size)*2)}.interactive,g5{mix-blend-mode:var(--blending);position:absolute}.interactive{background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;height:100%;left:-50%;opacity:.7;top:-50%;width:100%}}.intro-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;padding:17rem 0 16rem;position:relative;width:70%;z-index:1}.greeting-header{font-family:var(--font-pixel);font-size:calc(3vw + 2vh);font-weight:100;line-height:.85;text-transform:lowercase}#greeting-pixel{font-family:var(--font-pixel);font-size:calc(5vw + 2vh)}.typewriter-container{align-items:center;color:#000;display:flex;font-family:var(--font-body);font-size:calc(1vw + 1vh);font-weight:400;min-height:2.5em;padding:0;width:fit-content}.typewriter-text{animation:blink .75s step-end infinite;border-right:2px solid #000;white-space:nowrap}@keyframes blink{50%{border-color:#0000}}.projects-container{background-color:#fff;display:flex;flex-wrap:wrap;justify-content:center;opacity:0;padding:0 0 200px;position:relative;transform:translateY(100px);width:100vw;z-index:2}.project-header{color:#000;display:flex;padding:25px 20px 10px;width:95%}.projects-header{font-family:var(--font-link);font-size:16px;font-weight:500;text-transform:uppercase}.projects-header:first-child{flex:2 1;text-align:left}.projects-header:nth-child(2){flex:1 1;text-align:left}.projects-header:nth-child(3){flex:1 1;text-align:right}.about-wrapper{background-color:#fff;margin:0 auto;overflow:hidden;position:relative;width:100vw;z-index:0}.about-container{display:flex;flex-direction:column;flex-wrap:wrap;margin:10rem 0 0;width:100%}.biography-container{display:flex;flex-direction:row;gap:3rem;margin:10rem auto 0;width:75%}.portrait{filter:grayscale(20%) drop-shadow(5px 5px 10px rgba(0,0,0,.25));flex:1 1;width:35%}.biography-text-container{display:flex;flex:2 1;flex-direction:column;gap:2rem}.biography-text{color:#000;font-family:var(--font-link);font-size:20px;font-weight:500;text-transform:lowercase}.techstack{margin:0 0 50rem;width:0}.misc-wrapper{align-items:center;background-color:#f7f7f7;display:flex;height:100vh;height:300vh;justify-content:center}.coming-soon-logo{height:auto;max-width:30%;object-fit:contain;width:auto}.footer-wrapper{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);height:600px;position:relative;width:100%}.footer-container{background-color:#2f2f3d;bottom:0;height:600px;margin:0 auto;position:fixed;width:100%}.footer-heading{color:#fff;display:flex;flex-wrap:wrap;font-family:var(--font-link);font-weight:500}.footer-box{margin:5vh 0 0 3vw;width:7.5%}.socials{color:#b0b0b0;font-family:var(--font-link);font-size:16px;font-weight:500;text-transform:uppercase}.footer-list{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;list-style:none;padding:10px 0 0}.footer-links{font-size:14px;padding:4px 0}.space{height:130px;width:100%}.lets-connect{color:#fff;font-family:var(--font-header);font-size:clamp(180px,3vw,40px);font-weight:100;letter-spacing:0;padding:1.5vw 0 0 3vw;text-transform:lowercase}.cp-update{top:5vh}.copyright,.cp-update{color:#ffffff14;font-family:var(--font-link);font-size:14px;position:absolute;right:3vw;text-align:right;text-transform:uppercase}.copyright{top:calc(5vh + 20px)}:root{--font-header:"Prata",monospace,serif;--font-body:"Domine","Georgia",serif;--font-link:BlinkMacSystemFont,Helvetica,Arial;--font-pixel:"VT323","Domine","Georgia",serif;--color-bg1:#fff;--color-bg2:#fff;--color-text:#000;--color1:155,255,163;--color2:163,56,131;--color3:76,117,213;--color4:255,216,86;--color-interactive:155,255,163;--circle-size:80%;--blending:hard-light}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-bg1);color:#000;color:var(--color-text);font-family:Domine,Georgia,serif;font-family:var(--font-body);line-height:1.5;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Prata,monospace,serif;font-family:var(--font-header)}p{font-family:Domine,Georgia,serif;font-family:var(--font-body);font-size:18px;font-weight:400}a{color:inherit;cursor:pointer;font-family:BlinkMacSystemFont,Helvetica,Arial;font-family:var(--font-link);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.7}ol,ul{list-style:none}
/*# sourceMappingURL=main.4852e950.css.map*/