@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;700&display=swap);body{background-color:#4a0fed;color:#fff;font-family:Inter,sans-serif}.left-column{padding:40px}.branding{gap:40px}.logo h1{font-size:2.5rem;font-weight:900;line-height:1;margin-bottom:60px}.nav-link{color:#fff}.nav-link:hover{text-decoration:underline}.design-link,.social-link{color:#fff;text-decoration:none}.design-link:hover,.social-link:hover{text-decoration:underline}.right-column{display:flex;justify-content:flex-end;padding:40px}.project-links{gap:10px}.year-marker{font-size:.8rem;margin-right:10px;opacity:.8;padding-top:10px}.project-name{color:#000;font-size:4rem;font-weight:900;transition:color .3s ease}.project-name.hovered{-webkit-text-stroke:1px #000;color:#0000}@media (max-width:1024px){.project-name{font-size:3rem}}@media (max-width:768px){.app{flex-direction:column}.left-column,.right-column{width:100%}.project-name{font-size:2.5rem}}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#000;color:#0f0;font-family:IBM Plex Mono,Courier New,monospace;height:100%}body{overflow-x:hidden}.app,body{min-height:100vh}.app{background:#00000080;display:flex;position:relative;transition:opacity 1s ease;z-index:3}.app.loaded{opacity:1}.left-column{display:flex;flex-direction:column;height:100vh;justify-content:space-between;opacity:0;padding:5vw;transform:translateY(200px) scale(.9);transition:opacity 1s ease,transform 1s cubic-bezier(.16,1,.3,1);width:40%}.left-column.loaded{opacity:1;transform:translateY(0) scale(1)}.branding{display:flex;flex-direction:column;gap:clamp(20px,5vw,40px)}.logo{color:#0f0;font-family:IBM Plex Mono,Courier New,monospace;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:2px;line-height:1;margin-bottom:clamp(20px,5vw,40px);position:relative;text-shadow:0 0 4px #0f0,0 0 8px #0f0;text-transform:uppercase}.bio-contact-container{display:flex;flex-direction:column;gap:15px;margin-top:auto}.slideUp{display:block;height:1.2em;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.slideUp span{animation:typing 2s steps(20),blink-cursor .5s step-end infinite;border-right:2px solid #0f0;display:inline-block;overflow:hidden;white-space:nowrap}.slideUp:nth-child(2) span{animation-delay:.2s}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-cursor{50%{border-color:#0000}}.bio,.location-contact{color:#0c0;font-family:IBM Plex Mono,Courier New,monospace;font-size:clamp(.875rem,2vw,1rem);line-height:1.6;margin-bottom:24px;text-shadow:0 0 3px #0c0}.download-resume{align-items:center;border:1px solid #0f0;box-shadow:0 0 5px #0f0;color:#0f0;display:flex;font-size:clamp(.875rem,2vw,1rem);gap:8px;margin-bottom:15px;max-width:fit-content;padding:8px 16px;text-decoration:none;text-shadow:0 0 3px #0f0;transition:all .3s ease}.download-resume:hover{border-color:#0f0;box-shadow:0 0 8px #0f0;color:#0f0;text-shadow:0 0 5px #0f0;transform:translateX(5px)}.social-links-container{display:flex;gap:20px;margin-top:15px}.social-link{align-items:center;color:#0f0;display:flex;font-size:clamp(.875rem,2vw,1rem);gap:8px;text-decoration:none;text-shadow:0 0 3px #0f0;transition:all .3s ease}.social-link:hover{color:#0f0;text-decoration:none;text-shadow:0 0 5px #0f0;transform:scale(1.2);transform:translateY(-7px)}.social-icon{align-items:center;display:flex;justify-content:center}.navigation{display:flex;flex-direction:column;gap:8px;margin-top:20px}.nav-link{align-items:center;color:#0f0;display:flex;font-size:clamp(.875rem,2vw,1rem);gap:8px;text-decoration:none;text-shadow:0 0 3px #0f0;transition:all .3s ease}.nav-number{opacity:.7}.nav-link:hover{color:#0f0;text-decoration:none;text-shadow:0 0 5px #0f0;transform:translateX(5px)}.social-links{display:flex;justify-content:space-between;margin-top:clamp(40px,10vh,80px);width:100%}.design-column,.social-column{display:flex;flex-direction:column;gap:8px}.design-column{text-align:right}.design-link{color:#0f0;text-decoration:none;text-shadow:0 0 3px #0f0;transition:all .3s ease}.design-link:hover{color:#0f0;text-shadow:0 0 5px #0f0;transform:translateX(-5px)}.toggle-sidebar{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:space-between;position:fixed;right:20px;top:20px;width:40px;z-index:100}.toggle-sidebar span{background-color:#0f0;border-radius:3px;box-shadow:0 0 5px #0f0;height:3px;position:relative;transform-origin:center;transition:all .3s ease;width:100%}.toggle-sidebar.open span:first-child{left:0;position:absolute;top:0;transform:translateY(15px) rotate(45deg)}.toggle-sidebar.open span:nth-child(2){opacity:0}.toggle-sidebar.open span:nth-child(3){left:0;position:absolute;top:0;transform:translateY(15px) rotate(-45deg)}.right-column{height:100vh;overflow-y:auto;padding:5vw 5vw 5vw 0;position:fixed;right:0;top:0;transition:transform .5s ease;width:60%;z-index:10}.right-column,.right-column.open{transform:translateX(0)}.right-column.closed{transform:translateX(100%)}.project-links{align-items:flex-end;flex-direction:column;gap:clamp(15px,3vh,20px);height:100%;padding-top:0;perspective:1000px}.project-item,.project-links{display:flex;position:relative;width:100%}.project-item{align-items:flex-start;cursor:pointer;justify-content:flex-end;margin-bottom:12px;opacity:0;transform:translateX(100%);transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .8s ease}.project-item.loaded{opacity:1;transform:translateX(0)}.project-name{animation:typing 1.5s steps(15),blink-cursor .5s step-end infinite;border-right:2px solid #0f0;display:inline-block;font-family:IBM Plex Mono,Courier New,monospace;font-size:clamp(1.5rem,5vw,4.9rem);font-weight:700;letter-spacing:2px;line-height:1;margin-left:auto;overflow:hidden;text-transform:uppercase;transform:skewY(0deg) translateZ(0) scale(1);transform-origin:right center;transform-style:preserve-3d;transition:all .7s cubic-bezier(.16,1,.3,1);white-space:nowrap;will-change:transform}.project-name,.project-name.hovered{-webkit-text-stroke:.1px #0f0;color:#0f0;text-shadow:0 0 3px #0f0,0 0 7px #0f0}.project-name.hovered{transform:skewY(0deg) translateX(-14%) translateZ(0) scale(1.08);z-index:100}.project-name.nearby-hovered{-webkit-text-stroke:.1px #0c0;color:#0c0;text-shadow:0 0 4px #0c0;transform:skewY(0deg) translateX(-7%) translateZ(0) scale(1.05)}.glitch-text{animation:glitch-skew 2s linear infinite alternate-reverse;color:#0f0;display:inline-block;font-family:IBM Plex Mono,monospace;position:relative}@keyframes glitch-skew{0%{transform:skew(0deg)}to{transform:skew(0deg)}}.portfolio-container{min-height:100vh;position:relative;transition:background-color 1s ease;width:100%}.portfolio-container.terminal{background-color:#000;min-height:100vh;position:relative}.terminal-loader{align-items:center;background-color:#000;color:#0f0;display:flex;font-family:IBM Plex Mono,Courier New,monospace;font-size:16px;height:100%;justify-content:center;left:0;padding:clamp(10px,3vw,20px);position:fixed;top:0;width:100%;z-index:1000}.terminal-content{max-width:800px;overflow:hidden;text-align:left;white-space:pre;width:100%}.terminal-line{animation:fadeIn .5s forwards;margin-bottom:10px;opacity:0}.terminal-line.continue-prompt{animation:blink .8s infinite;color:#0f0;font-size:clamp(14px,3vw,18px);margin-top:20px;text-align:center}.terminal-line:first-child{line-height:1;margin-bottom:20px}.terminal-line:first-child,.terminal-line:not(:first-child){font-size:clamp(14px,3vw,17px)}.terminal-line:nth-child(4){font-size:clamp(12px,2.5vw,14px);line-height:1;margin-bottom:20px}.terminal-line:not(:nth-child(5)){font-size:clamp(14px,3vw,16px)}.landing-wrapper{height:100%;position:relative;width:100%}.query-background{background:#000;overflow:hidden}.query-background,.query-background:before{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.query-background:before{background:repeating-linear-gradient(180deg,#0000 0,#0000 2px,#00ff000d 0,#00ff000d 4px);content:"";pointer-events:none}.query-text{color:#0f0;font-family:IBM Plex Mono,Courier New,monospace;opacity:.15;position:absolute;white-space:nowrap}@keyframes fall-from-top{0%{transform:translateY(-10vh)}to{transform:translateY(110vh)}}.fall-from-top{animation:fall-from-top linear forwards}@keyframes slide-from-left{0%{transform:translateX(-50vw)}to{transform:translateX(150vw)}}.slide-from-left{animation:slide-from-left linear forwards}@keyframes slide-from-right{0%{transform:translateX(0)}to{transform:translateX(-150vw)}}.slide-from-right{animation:slide-from-right linear forwards}@keyframes rise-from-bottom{0%{transform:translateY(0)}to{transform:translateY(-110vh)}}.rise-from-bottom{animation:rise-from-bottom linear forwards}.hello-world{color:#0f0;font-family:IBM Plex Mono,Courier New,monospace;font-size:clamp(1.5rem,5vw,3rem);left:50%;opacity:.4;position:absolute;text-shadow:0 0 10px #0f0,0 0 20px #0f0;top:50%;transform:translate(-50%,-50%);z-index:2}.progress-bar{color:#ff0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{transform:translateY(120%)}to{transform:translateY(0)}}@media (max-width:1024px){.app{flex-direction:row}.left-column,.right-column{height:100vh;min-height:auto;padding:5vh 5vw}.left-column.loaded{transform:translateY(0) scale(1)}.right-column{justify-content:flex-end;padding-right:0;transform:translateX(0)}.toggle-sidebar{display:none}.project-links{align-items:flex-end}.project-name{margin-left:0;text-align:right}}@media (max-width:768px){body,html{height:100%;overflow:hidden;position:fixed;width:100%}.bio-contact-container{margin-top:auto}.bio-contact-container,.social-links-container{display:flex;opacity:1!important;visibility:visible!important}.social-links-container{flex-wrap:wrap;gap:15px;margin-bottom:90px;margin-top:8px}.left-column{-webkit-overflow-scrolling:touch;height:100vh;left:0;max-width:300px;opacity:0;overflow-y:auto;padding:4vh 4vw 100px;position:fixed;top:0;transform:translateX(-100%);transition:transform .5s ease,opacity .5s ease;width:80%;z-index:101;z-index:50}.left-column.loaded{opacity:1;transform:translateX(0)}.left-column.closed{opacity:0;transform:translateX(-100%)}.project-name{font-size:clamp(1.2rem,4vw,4rem)}.right-column{padding:4vh 4vw;position:fixed;right:1;top:0;transform:translateX(100%);transition:transform .5s ease;width:100%;z-index:40}.right-column.open{padding-top:3rem;transform:translateX(0)}.right-column.closed{transform:translateX(100%)}.project-name.hovered{transform:skewY(0deg) translateX(-12%) translateZ(0) scale(1.6)}.project-name,.project-name.hovered{-webkit-text-stroke:.1px #0f0;letter-spacing:.3rem;text-shadow:0 0 2px #0f0,0 0 5px #0f0}.project-name{margin-bottom:3rem;transform:scale(1.5)}.project-name.nearby-hovered{-webkit-text-stroke:.1px #0c0;color:#0c0;text-shadow:0 0 3px #0c0;transform:skewY(0deg) translateX(-7%) translateZ(0) scale(1.55)}.app{flex-direction:row}.toggle-sidebar{display:flex;right:10px;top:10px}.toggle-sidebar.open{left:20px;right:auto}.hello-world{top:40%}.social-link{display:inline-flex!important}.social-icon,.social-link{opacity:1!important;visibility:visible!important}.social-icon{display:flex!important}}@media (max-width:480px){.left-column{padding:3vh 4vw}.project-name{font-size:clamp(1.2rem,4vw,4rem)}.right-column{padding:3vh 4vw}.query-text{font-size:.6rem}.bio,.location-contact{margin-bottom:12px}.terminal-content{font-size:12px;max-width:95%}.terminal-line:nth-child(5){font-size:8px;line-height:.8}.social-links-container{flex-wrap:wrap}.left-column{width:85%}.social-links-container{gap:15px}.logo{font-size:clamp(2.5rem,4vw,2.5rem)}.project-name{font-size:clamp(1.2rem,4vw,2rem)}.toggle-sidebar{height:25px;margin-top:1.2rem;width:30px}}@media (max-width:600px){.terminal-line:nth-child(5){font-size:6px;line-height:.7}}.design-link,.nav-link,.project-item,.project-name,.social-link{transition:all .3s cubic-bezier(.16,1,.3,1)}.portfolio-container:after{background-size:100% 4px;content:"";height:100%;left:0;opacity:.2;pointer-events:none;position:fixed;top:0;width:100%;z-index:10}.glitch-effect{display:inline-block;position:relative}.glitch-effect:after,.glitch-effect:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.glitch-effect:before{animation:glitch-animation-1 2s linear infinite alternate-reverse;color:#0fa;left:2px;text-shadow:-1px 0 #0fa;z-index:-1}.glitch-effect:after{animation:glitch-animation-2 3s linear infinite alternate-reverse;color:#f0f;left:-2px;text-shadow:1px 0 #f0f;z-index:-2}@keyframes glitch-animation-1{0%{clip-path:inset(50% 0 30% 0)}20%{clip-path:inset(33% 0 66% 0)}40%{clip-path:inset(10% 0 61% 0)}60%{clip-path:inset(83% 0 3% 0)}80%{clip-path:inset(23% 0 19% 0)}to{clip-path:inset(57% 0 14% 0)}}@keyframes glitch-animation-2{0%{clip-path:inset(8% 0 70% 0)}20%{clip-path:inset(53% 0 24% 0)}40%{clip-path:inset(14% 0 41% 0)}60%{clip-path:inset(71% 0 6% 0)}80%{clip-path:inset(41% 0 41% 0)}to{clip-path:inset(19% 0 43% 0)}}
/*# sourceMappingURL=main.bf22edd7.css.map*/