@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=DM+Mono:wght@300;400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.fadein{animation:fadein 2s;visibility:visible}@keyframes fadein{0%{left:10%;opacity:10%;top:20%}to{opacity:80%}}.logo{display:inline-block;left:0;pointer-events:none;position:relative;transform:scale(.9);-webkit-user-select:none;user-select:none}@media (min-width:768px){.logo{left:-16vw}}.Intro{align-items:center;background-color:#282c34;display:flex;flex-direction:column;justify-content:center}@media (min-width:768px){.Intro{flex-direction:row}}.SocialMediaLinks{align-items:center;background-color:#282c34;display:flex;flex-wrap:wrap;gap:5vw;height:10vh;justify-content:center;margin:5vh auto}.SocialMediaIcon{background-color:#282c34;display:block;height:auto;max-width:100px;object-fit:contain;transition:transform .2s ease;width:12vw}.SocialMediaLinks button{all:unset;background-color:#282c34;cursor:pointer}.App,.App-header{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);height:67vh;justify-content:space-around}.typing-text{animation:typing 1s steps(25) forwards,blink .7s step-end infinite;border-right:2px solid #fff;font-family:Courier New,Courier,monospace;font-size:1.5rem;overflow:hidden;white-space:nowrap;width:0}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}.Navigation a{color:#fff;font-size:1.2rem;text-decoration:none;transition:all .2s ease}.Navigation a:hover{box-shadow:0 6px 6px -4px #e6e6facc;color:#e6e6fa}@media (max-width:480px){.logo{max-width:200px;width:50vw}}.Navigation{align-items:center;background-color:#282c34;justify-content:center;padding:1.5rem 2rem;position:relative}.Navigation,.desktop-links{display:flex;gap:3rem}.desktop-links a{color:#fff;text-decoration:none}.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:3rem}@media (max-width:768px){.desktop-links{display:none}.hamburger{display:block}}.overlay{align-items:center;background:#282c34f2;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.overlay-links{display:flex;flex-direction:column;font-size:2rem;gap:2rem}.overlay-links a{color:#fff;text-decoration:none}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:2rem;top:2rem}.floating-bubbles-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.bubble{font-size:2rem}@media (max-width:768px){.bubble{display:none}}.floating-drift-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.drifting-bubble{animation:drift 8s ease-in-out infinite alternate,fade 4s ease-in-out infinite alternate}.bubble,.drifting-bubble{color:#fff;font-weight:700;position:absolute;text-shadow:0 0 10px #00000080;transform:translate(-50%,-50%)}.bubble{animation:fadeOpacity 4s ease-in-out infinite;animation:fadeScale 4s ease-in-out infinite;animation-fill-mode:both;white-space:nowrap}@keyframes fadeScale{0%{opacity:.8}25%{opacity:0}50%{opacity:0}75%{opacity:0}to{opacity:.8}}.home-root{align-items:center;background-color:#282c34;display:flex;flex-direction:column;font-family:Syne,sans-serif;justify-content:center;min-height:85vh;overflow:hidden;padding:2rem;position:relative}.home-root:before{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:48px 48px;content:"";inset:0}.home-glow,.home-root:before{pointer-events:none;position:absolute}.home-glow{animation:pulse-glow 6s ease-in-out infinite alternate;background:radial-gradient(circle,#78a0ff12 0,#0000 70%);border-radius:50%;height:500px;left:50%;top:50%;transform:translate(-50%,-50%);width:500px}@keyframes pulse-glow{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.home-content{align-items:center;animation:fade-up .8s ease both;display:flex;flex-direction:column;gap:.5rem;max-width:680px;position:relative;text-align:center;z-index:1}.home-logo-wrap{filter:blur(1px);left:150%;opacity:.1;pointer-events:none;position:absolute;scale:3;top:130%;transform:translate(-50%,-50%);z-index:0}@media (max-width:480px){.home-logo-wrap{left:50%;scale:2.5;top:60%}}.home-label{animation:fade-up .7s ease .1s both;color:#b4c8ff80;font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.2em;margin-bottom:.25rem;text-transform:uppercase}.home-name{animation:fade-up .7s ease .15s both;color:#fff;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:800;letter-spacing:-.03em;line-height:1;margin:0}.home-role-line{align-items:center;animation:fade-up .7s ease .25s both;color:#b4c8ffbf;display:flex;font-family:DM Mono,monospace;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:400;gap:.3ch;height:1.6em;margin-top:.4rem}.home-role-prefix{color:#ffffff4d}.home-cursor{animation:blink-cursor .75s step-end infinite;background:#b4c8ffcc;display:inline-block;height:1.1em;margin-left:2px;vertical-align:middle;width:2px}@keyframes blink-cursor{50%{opacity:0}}.home-divider{animation:fade-up .7s ease .35s both;background:#ffffff26;height:1px;margin:1.25rem auto;width:40px}.home-bio{animation:fade-up .7s ease .45s both;color:#ffffff8c;font-family:DM Mono,monospace;font-size:clamp(.82rem,1.6vw,.92rem);line-height:1.8;margin:0 auto;max-width:520px}.home-bio strong{color:#ffffffd9;font-weight:500}.home-pills{animation:fade-up .7s ease .55s both;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.25rem}.home-pill{background:#b4c8ff0a;border:1px solid #b4c8ff33;border-radius:999px;color:#b4c8ffa6;font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.08em;padding:.3rem .75rem;transition:border-color .2s,color .2s,background .2s}.home-pill:hover{background:#b4c8ff14;border-color:#b4c8ff80;color:#b4c8ff}.home-ctas{animation:fade-up .7s ease .65s both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.btn-primary{background:#fff;border:none;border-radius:4px;color:#282c34;cursor:pointer;display:inline-block;font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.06em;padding:.75rem 1.75rem;text-decoration:none;transition:background .2s,transform .15s}.btn-primary:hover{background:#dce6ff;transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid #fff3;border-radius:4px;color:#fffc;cursor:pointer;display:inline-block;font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.06em;padding:.75rem 1.75rem;text-decoration:none;transition:border-color .2s,color .2s,transform .15s}.btn-secondary:hover{border-color:#fff9;color:#fff;transform:translateY(-2px)}.home-corner{height:48px;opacity:.15;pointer-events:none;position:absolute;width:48px}.home-corner.tl{border-left:1px solid #fff;border-top:1px solid #fff;left:2rem;top:2rem}.home-corner.br{border-bottom:1px solid #fff;border-right:1px solid #fff;bottom:2rem;right:2rem}@media (max-width:480px){.home-corner{display:none}.home-name{font-size:2.6rem}}.about-root{align-items:center;background-color:#282c34;display:flex;flex-direction:column;font-family:Syne,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:4rem 1.5rem 5rem;position:relative}.about-root:before{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:48px 48px;content:"";inset:0}.about-glow,.about-root:before{pointer-events:none;position:absolute}.about-glow{background:radial-gradient(circle,#78a0ff0d 0,#0000 70%);border-radius:50%;height:600px;left:50%;top:40%;transform:translate(-50%,-50%);width:600px}.about-corner{height:48px;opacity:.15;pointer-events:none;position:absolute;width:48px}.about-corner.tl{border-left:1px solid #fff;border-top:1px solid #fff;left:2rem;top:2rem}.about-corner.br{border-bottom:1px solid #fff;border-right:1px solid #fff;bottom:2rem;right:2rem}.about-inner{grid-gap:4rem;align-items:start;animation:fade-up .7s ease both;display:grid;gap:4rem;grid-template-columns:300px 1fr;max-width:900px;position:relative;width:100%;z-index:1}@media (max-width:720px){.about-inner{gap:2.5rem;grid-template-columns:1fr}}.about-left{display:flex;flex-direction:column;gap:1.5rem;position:-webkit-sticky;position:sticky;top:5rem}@media (max-width:720px){.about-left{position:static}}.about-photo-wrap{aspect-ratio:3/4;border-radius:6px;overflow:hidden;position:relative;width:100%}.about-photo-wrap:after{border:1px solid #ffffff14;border-radius:6px;content:"";inset:0;pointer-events:none;position:absolute}.about-photo{filter:grayscale(15%) contrast(1.05);height:100%;object-fit:cover;object-position:center top;transition:filter .4s ease;width:100%}.about-photo:hover{filter:grayscale(0) contrast(1)}.about-photo-caption{color:#fff3;font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.12em;text-align:center;text-transform:uppercase}.about-status{align-items:center;background:#64dc8c0a;border:1px solid #64dc8c33;border-radius:4px;display:flex;gap:.6rem;padding:.6rem .9rem}.about-status-dot{animation:pulse-dot 2s ease-in-out infinite;background:#64dc8ce6;border-radius:50%;flex-shrink:0;height:7px;width:7px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.about-status-text{color:#64dc8ccc;font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.08em}.about-right{display:flex;flex-direction:column;gap:2.5rem}.about-eyebrow{color:#b4c8ff73;font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.2em;margin-bottom:.5rem;text-transform:uppercase}.about-heading{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 1.25rem}.about-body{color:#ffffff80;display:flex;flex-direction:column;font-family:DM Mono,monospace;font-size:.88rem;gap:1rem;line-height:1.85}.about-body p{margin:0}.about-body strong{color:#ffffffd9;font-weight:500}.about-divider{background:#ffffff12;height:1px;width:100%}.about-section-label{color:#b4c8ff66;font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.2em;margin-bottom:1.25rem;text-transform:uppercase}.about-timeline{display:flex;flex-direction:column;gap:0}.about-timeline-item{grid-gap:1.25rem;border-bottom:1px solid #ffffff0d;display:grid;gap:1.25rem;grid-template-columns:120px 1fr;padding:1rem 0;position:relative}.about-timeline-item:last-child{border-bottom:none}.about-timeline-year{color:#b4c8ff66;font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.08em;padding-top:.15rem}.about-timeline-title{color:#ffffffd9;font-family:Syne,sans-serif;font-size:.9rem;font-weight:700;margin-bottom:.2rem}.about-timeline-sub{color:#ffffff59;font-family:DM Mono,monospace;font-size:.75rem;letter-spacing:.04em}.about-tags{display:flex;flex-wrap:wrap;gap:.5rem}.about-tag{background:#b4c8ff08;border:1px solid #b4c8ff26;border-radius:999px;color:#b4c8ff99;font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.06em;padding:.35rem .8rem;transition:border-color .2s,color .2s}.about-tag:hover{border-color:#b4c8ff66;color:#b4c8ff}.contact-root{align-items:center;background-color:#282c34;display:flex;flex-direction:column;font-family:Syne,sans-serif;justify-content:center;min-height:67vh;overflow:hidden;padding:3rem 1.5rem 4rem;position:relative}.contact-root:before{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:48px 48px;content:"";inset:0}.contact-glow,.contact-root:before{pointer-events:none;position:absolute}.contact-glow{background:radial-gradient(circle,#78a0ff0f 0,#0000 70%);border-radius:50%;height:500px;left:50%;top:50%;transform:translate(-50%,-50%);width:500px}.contact-inner{grid-gap:3rem;animation:fade-up .7s ease both;display:grid;gap:3rem;grid-template-columns:1fr 1fr;max-width:740px;position:relative;width:100%;z-index:1}@media (max-width:640px){.contact-inner{gap:2rem;grid-template-columns:1fr}}.contact-left{display:flex;flex-direction:column;gap:1.5rem}.contact-eyebrow{color:#b4c8ff80;font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.contact-heading{color:#fff;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.contact-subtext{color:#ffffff73;font-family:DM Mono,monospace;font-size:.82rem;line-height:1.8}.contact-resume-btn{align-items:center;background:#fff;border:none;border-radius:4px;color:#282c34;cursor:pointer;display:inline-flex;font-family:Syne,sans-serif;font-size:.82rem;font-weight:700;gap:.5rem;letter-spacing:.06em;padding:.65rem 1.25rem;text-decoration:none;transition:background .2s,transform .15s;width:-webkit-fit-content;width:fit-content}.contact-resume-btn:hover{background:#dce6ff;transform:translateY(-2px)}.contact-socials{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.contact-social-link{align-items:center;border-bottom:1px solid #ffffff0f;color:#ffffff80;display:flex;font-family:DM Mono,monospace;font-size:.78rem;gap:.75rem;padding:.4rem 0;text-decoration:none;transition:color .2s}.contact-social-link:last-child{border-bottom:none}.contact-social-link:hover{color:#b4c8ff}.contact-social-icon{flex-shrink:0;opacity:.6;transition:opacity .2s}.contact-social-link:hover .contact-social-icon{opacity:1}.contact-social-label{color:#ffffff40;font-size:.68rem;letter-spacing:.1em;margin-left:auto;text-transform:uppercase}.contact-form{gap:1rem}.contact-field,.contact-form{display:flex;flex-direction:column}.contact-field{gap:.35rem}.contact-label{color:#b4c8ff73;font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase}.contact-input,.contact-textarea{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;box-sizing:border-box;color:#fff;font-family:DM Mono,monospace;font-size:.85rem;outline:none;padding:.65rem .9rem;transition:border-color .2s,background .2s;width:100%}.contact-input:focus,.contact-textarea:focus{background:#ffffff12;border-color:#b4c8ff66}.contact-textarea{min-height:120px;resize:vertical}.contact-submit{border:none;border-radius:4px;cursor:pointer;font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.06em;margin-top:.25rem;padding:.75rem 1.5rem;transition:background .2s,transform .15s,opacity .2s}.contact-submit:enabled{background:#fff;color:#282c34}.contact-submit:enabled:hover{background:#dce6ff;transform:translateY(-2px)}.contact-submit:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed}.contact-success{color:#b4ffc8cc;font-family:DM Mono,monospace;font-size:.78rem;margin-top:.25rem}.contact-corner{height:48px;opacity:.15;pointer-events:none;position:absolute;width:48px}.contact-corner.tl{border-left:1px solid #fff;border-top:1px solid #fff;left:2rem;top:2rem}.contact-corner.br{border-bottom:1px solid #fff;border-right:1px solid #fff;bottom:2rem;right:2rem}@media (max-width:480px){.contact-corner{display:none}}.projects-root{align-items:center;background-color:#282c34;display:flex;flex-direction:column;font-family:Syne,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:4rem 1.5rem 5rem;position:relative}.projects-root:before{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:48px 48px;content:"";inset:0}.projects-glow,.projects-root:before{pointer-events:none;position:absolute}.projects-glow{background:radial-gradient(circle,#78a0ff0d 0,#0000 70%);border-radius:50%;height:600px;left:50%;top:50%;transform:translate(-50%,-50%);width:600px}.projects-corner{height:48px;opacity:.15;pointer-events:none;position:absolute;width:48px}.projects-corner.tl{border-left:1px solid #fff;border-top:1px solid #fff;left:2rem;top:2rem}.projects-corner.br{border-bottom:1px solid #fff;border-right:1px solid #fff;bottom:2rem;right:2rem}.projects-inner{animation:fade-up .7s ease both;max-width:900px;position:relative;width:100%;z-index:1}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.projects-header{margin-bottom:3rem}.projects-eyebrow{color:#b4c8ff73;font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.2em;margin-bottom:.5rem;text-transform:uppercase}.projects-heading{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 .75rem}.projects-subtext{color:#ffffff4d;font-family:DM Mono,monospace;font-size:.82rem;line-height:1.7}.project-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;overflow:hidden;transition:border-color .3s}.project-card:hover{border-color:#b4c8ff33}.project-screenshot{aspect-ratio:16/9;border-bottom:1px solid #ffffff0f;display:block;filter:brightness(.9);object-fit:cover;object-position:top;transition:filter .3s;width:100%}.project-card:hover .project-screenshot{filter:brightness(1)}.project-body{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 200px;padding:2rem 2.5rem 2.5rem}@media (max-width:640px){.project-body{grid-template-columns:1fr;padding:1.5rem}}.project-title{color:#fff;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .35rem}.project-tagline{color:#b4c8ff8c;font-family:DM Mono,monospace;font-size:.78rem;letter-spacing:.04em;margin-bottom:1rem}.project-description{color:#ffffff73;font-family:DM Mono,monospace;font-size:.83rem;line-height:1.85;margin:0}.project-description strong{color:#ffffffbf;font-weight:500}.project-right{display:flex;flex-direction:column;gap:1.5rem;padding-top:.25rem}.project-tech-label{color:#b4c8ff59;font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.18em;margin-bottom:.6rem;text-transform:uppercase}.project-tech-list{display:flex;flex-direction:column;gap:.3rem}.project-tech-item{align-items:center;border-bottom:1px solid #ffffff0a;color:#fff9;display:flex;font-family:DM Mono,monospace;font-size:.75rem;justify-content:space-between;padding:.3rem 0}.project-tech-item:last-child{border-bottom:none}.project-tech-category{color:#b4c8ff4d;font-size:.62rem;letter-spacing:.08em}.project-actions{display:flex;flex-direction:column;gap:.6rem}.project-btn-primary{background:#fff;border:none;border-radius:4px;color:#282c34;cursor:pointer;display:block;font-family:Syne,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.06em;padding:.65rem 1rem;text-align:center;text-decoration:none;transition:background .2s,transform .15s}.project-btn-primary:hover{background:#dce6ff;transform:translateY(-2px)}.project-btn-secondary{background:#0000;border:1px solid #ffffff26;border-radius:4px;color:#fff9;cursor:pointer;display:block;font-family:Syne,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.06em;padding:.65rem 1rem;text-align:center;text-decoration:none;transition:border-color .2s,color .2s,transform .15s}.project-btn-secondary:hover{border-color:#fff6;color:#fff;transform:translateY(-2px)}.projects-footer{align-items:center;display:flex;gap:1rem;margin-top:2.5rem}.projects-footer-line{background:#ffffff0f;flex:1 1;height:1px}.projects-footer-text{color:#ffffff2e;font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.projects-list{display:flex;flex-direction:column;gap:2.5rem}
/*# sourceMappingURL=main.4bb7a665.css.map*/