body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.App{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.header{justify-content:space-between;padding:1rem .25rem}.header,.logo{align-items:center;display:flex}.logo-shape{background-color:#f3e9e1;border-radius:0 60px 60px 0;height:30px;margin-right:10px;width:60px}.logo-text{font-weight:700}.logo-text,.nav a{color:#f3e9e1;font-size:1rem}.nav a{margin-left:2rem;text-decoration:none}.nav a:hover{text-decoration:underline}.hamburger{color:#fff;cursor:pointer;display:none;font-size:1.5rem;z-index:1001}@media (max-width:768px){.header{position:relative;z-index:1002}.nav{align-items:center;background-color:#000000f2;display:none;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.nav.nav-open{display:flex}.nav a{font-size:1.5rem;margin:1.5rem 0}.hamburger{display:block}}.image-section{background-color:#f3e9e1;background-image:linear-gradient(90deg,#e0d8d1 1px,#0000 0),linear-gradient(180deg,#e0d8d1 1px,#0000 0);background-size:40px 40px;border-radius:0 600px 600px 0;height:300px;margin:2rem auto;overflow:hidden;padding:2rem;position:relative;width:80%}.typewriter-container-mobile{display:none}.profile-image{bottom:-70px;height:auto;left:50%;position:absolute;transform:translateX(-50%);width:400px;z-index:10}.typewriter-left{left:12.5%}.typewriter-left,.typewriter-right{position:absolute;top:50%;transform:translateY(-50%);z-index:20}.typewriter-right{right:10%}@media (max-width:1200px){.image-section{width:90%}}@media (max-width:992px){.profile-image{width:300px}.image-section{height:250px}.typewriter-left{left:8%}.typewriter-right{right:8%}}.landing-section-container{align-items:center;display:flex;flex-direction:column}@media (max-width:768px){.image-section{height:200px;padding:2rem 1rem;width:90%}.typewriter-left,.typewriter-right{display:none}.typewriter-container-mobile{align-items:center;display:flex;flex-direction:column;margin-top:2rem;text-align:center;width:90%}.typewriter-text.mobile-typewriter-text{color:#f3e9e1}.typewriter-container-mobile .typewriter:first-child{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.typewriter-container-mobile .typewriter:last-child{font-size:1rem;line-height:1.4}.profile-image{bottom:-50px;width:300px}}@keyframes float{0%{transform:translateY(0) rotate(var(--rotate))}50%{transform:translateY(-10px) rotate(var(--rotate))}to{transform:translateY(0) rotate(var(--rotate))}}.skill-badge-wrapper{position:absolute;transition:transform .3s ease-out}.skill-badge{animation-iteration-count:infinite;animation-name:float;animation-timing-function:ease-in-out;border:2px solid #fffc;border-radius:10px;box-shadow:0 10px 20px #0000001a,0 6px 6px #00000026;color:#fff;padding:1rem;text-align:center;transform-origin:center center}.skill-badge-title{font-weight:700}.design-strategy{left:2rem;top:2rem}.design-strategy .skill-badge{animation-duration:3s;background-color:#68d3c2;border-radius:50%;display:flex;flex-direction:column;height:150px;justify-content:center;width:150px}.full-stack{left:-2rem;top:10rem}.full-stack .skill-badge{--rotate:-5deg;animation-delay:.5s;animation-duration:4s;background-color:#3a59d1;transform:rotate(var(--rotate))}.fintech{bottom:2rem;left:4rem}.fintech .skill-badge{--rotate:5deg;animation-delay:1s;animation-duration:3.5s;background-color:#cf0f47;transform:rotate(var(--rotate))}.gamer{right:5rem;top:8rem}.gamer .skill-badge{--rotate:5deg;animation-delay:.2s;animation-duration:4.2s;background-color:#ec4899;transform:rotate(var(--rotate))}.bike-enthusiast{bottom:6rem;right:2rem}.bike-enthusiast .skill-badge{--rotate:-5deg;animation-delay:.8s;animation-duration:3.8s;background-color:#222;transform:rotate(var(--rotate))}.usability-testing{bottom:-1rem;right:10rem}.usability-testing .skill-badge{animation-delay:.4s;animation-duration:3.2s;background-color:#a3e635;border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;width:120px}@media (max-width:768px){.skill-badge{font-size:.8rem;transform:scale(.6)}.gamer{right:1rem;top:10rem}.bike-enthusiast{bottom:10rem;right:0}.fintech{bottom:2rem;left:1rem}.full-stack{left:0;top:2rem}}.typewriter-container{display:inline-block}.typewriter-text{color:#000;font-family:Homemade Apple,cursive;font-size:1.5rem;font-weight:400;white-space:pre-wrap}.intro-text .typewriter-text{font-size:2.5rem;font-weight:900}.typewriter-cursor{animation:blink 1s step-end infinite;color:#000;font-size:1.5rem;margin-left:2px}.typewriter-cursor.is-complete{display:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero{background-color:#000;color:#f3e9e1;font-family:sans-serif;min-height:100vh;scroll-snap-align:start}.hero-content{padding:2rem}.hero-title{font-size:10vw;font-weight:700;letter-spacing:-.02em;line-height:1;margin:0;text-align:center}.hero-description{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem;max-width:800px}.get-in-touch{color:#fff;display:inline-block;font-weight:700;margin-top:2rem;text-decoration:none}.get-in-touch:hover{text-decoration:underline}.about{align-items:center;background-color:#000;color:#e0e0e0;display:flex;flex-direction:column;font-family:sans-serif;justify-content:center;min-height:100vh;padding:4rem 2rem;scroll-snap-align:start}.about-header{margin-bottom:4rem;text-align:center}.about-subtitle{border:1px solid #ffffff1a;border-radius:20px;display:inline-block;margin-bottom:1rem;padding:.5rem 1rem}.about-header h2{font-family:Homemade Apple,cursive;font-size:3rem;font-weight:400}.tall-card{grid-row:span 2}.stats-container{width:100%}.stat-item{display:flex;font-family:Courier New,Courier,monospace;font-size:1rem;justify-content:space-between;margin-bottom:.75rem}.stat-label{color:#aaa}.stat-value{color:#fff;font-weight:700}.f1-stats-card{align-items:center;display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;width:100%}.f1-profile-image{border:3px solid #fff3;border-radius:50%;height:100px;margin-bottom:1rem;object-fit:cover;width:100px}.stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;width:100%}.f1-stat{animation:slideInFromRight .5s ease-out forwards;background:linear-gradient(90deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-left:3px solid #ccc;border-left:3px solid var(--accent-color,#ccc);display:flex;flex-direction:column;height:45px;justify-content:center;opacity:0;padding:.4rem .8rem;transform:skewX(-15deg)}.f1-stat>*{display:block;text-align:center;transform:skewX(15deg)}.f1-stat-label{color:#ccc;font-size:.5rem;font-weight:700;margin-bottom:.25rem;text-transform:uppercase}.f1-stat-value{color:#fff;font-size:1rem;font-weight:700;line-height:1}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px) skewX(-15deg)}to{opacity:1;transform:translateX(0) skewX(-15deg)}}.about-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;width:100%}.about-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:2rem;position:relative}.card-content{position:relative;z-index:1}.about-card.large-card{grid-column:span 2}.gradient-card-blue,.gradient-card-blue h3,.gradient-card-blue p,.gradient-card-green,.gradient-card-green h3,.gradient-card-green p,.gradient-card-purple,.gradient-card-purple h3,.gradient-card-purple p,.gradient-card-red,.gradient-card-red h3,.gradient-card-red p,.gradient-card-silver,.gradient-card-silver h3,.gradient-card-silver p{color:#fff}.gradient-card-blue:after,.gradient-card-blue:before,.gradient-card-green:after,.gradient-card-green:before,.gradient-card-purple:after,.gradient-card-purple:before,.gradient-card-red:after,.gradient-card-red:before,.gradient-card-silver:after,.gradient-card-silver:before{animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear;content:"";height:600px;pointer-events:none;position:absolute;width:600px;z-index:0}.gradient-card-blue:before,.gradient-card-green:before,.gradient-card-purple:before,.gradient-card-red:before,.gradient-card-silver:before{animation-name:emanate-top-right;right:0;top:0}.gradient-card-blue:after,.gradient-card-green:after,.gradient-card-purple:after,.gradient-card-red:after,.gradient-card-silver:after{animation-delay:-5s;animation-name:emanate-bottom-left;bottom:0;left:0}@keyframes emanate-top-right{0%,to{opacity:.5;transform:translate(30%,-30%) scale(.5)}50%{opacity:.7;transform:translate(30%,-30%) scale(1)}}@keyframes emanate-bottom-left{0%,to{opacity:.5;transform:translate(-30%,30%) scale(.5)}50%{opacity:.7;transform:translate(-30%,30%) scale(1)}}.gradient-card-blue{--accent-color:#537895}.gradient-card-green{--accent-color:#16a34a}.gradient-card-purple{--accent-color:#9333ea}.gradient-card-red{--accent-color:#dc2626}.gradient-card-silver{--accent-color:silver}.gradient-card-blue:before{background:radial-gradient(circle at top right,#53789599 0,#53789500 70%)}.gradient-card-blue:after{background:radial-gradient(circle at bottom left,#53789599 0,#53789500 70%)}.gradient-card-green:before{background:radial-gradient(circle at top right,#16a34a80 0,#16a34a00 70%)}.gradient-card-green:after{background:radial-gradient(circle at bottom left,#16a34a80 0,#16a34a00 70%)}.gradient-card-purple:before{background:radial-gradient(circle at top right,#9333ea73 0,#9333ea00 70%)}.gradient-card-purple:after{background:radial-gradient(circle at bottom left,#9333ea73 0,#9333ea00 70%)}.gradient-card-red:before{background:radial-gradient(circle at top right,#dc262673 0,#dc262600 70%)}.gradient-card-red:after{background:radial-gradient(circle at bottom left,#dc262673 0,#dc262600 70%)}.gradient-card-silver:before{background:radial-gradient(circle at top right,#c0c0c066 0,#c0c0c000 70%)}.gradient-card-silver:after{background:radial-gradient(circle at bottom left,#c0c0c066 0,#c0c0c000 70%)}.resume-card .card-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.resume-card p{margin:1rem 0 1.5rem}.cta-button{align-items:center;animation:pulse-glow 3s ease-in-out infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#e0e0e0;display:inline-flex;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:background-color .3s ease,box-shadow .3s ease}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #ffffff1a,0 0 10px #ffffff1a}50%{box-shadow:0 0 20px #ffffff4d,0 0 30px #fff3}}.cta-button .button-icon,.cta-button .button-text{align-items:center;display:inline-flex;position:relative;z-index:2}.cta-button .button-icon svg{transition:stroke .4s ease-in-out}.cta-button:before{background:linear-gradient(120deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.cta-button:hover:before{left:100%}.about-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.about-card p,.about-card ul{color:#a0a0a0;font-size:1rem;line-height:1.6}.about-card ul{list-style:none;padding:0}.about-card ul li{margin-bottom:.5rem}@media (max-width:768px){.about{padding:4rem 1rem}.about-header h2{font-size:2.5rem}.about-grid{grid-template-columns:1fr}.about-card.large-card{grid-column:span 1}.stats-card{order:1}.intro-card{order:2}.location-card{order:3}.resume-card{order:4}.connect-card{order:5}.f1-profile-image{height:80px;width:80px}}@media (max-width:480px){.about-header h2{font-size:2rem}.about-card{padding:1.5rem}.cta-button{font-size:.9rem;padding:.6rem 1.2rem}.f1-stat-label{font-size:.45rem}.f1-stat-value{font-size:.9rem}}
/*# sourceMappingURL=main.0c04b39e.css.map*/