:root{--fs-mini: clamp(10px, 1vw, 12px);--fs-base: clamp(1.2rem, 1.2vw, 18px);--fs-section-heading: clamp(50px, 3vw, 60px);--fs-heading: clamp(30px, 3vw, 40px)}h2,p{color:var(--text-light-color)}p{font-size:var(--fs-base);line-height:1.6;opacity:.9;font-weight:100}.light-theme{--background-inverted-color: rgb(4, 1, 15);--background-color: #ffffff;--background-secondary-color: #f7f7f7;--background-tertiary-color: #e0e0e0;--background-superlight-color: #f1f1f1;--background-transparent-color: rgba(255, 255, 255, .3);--background-inverted-transparent-color: rgba(4, 1, 15, .1);--border-color: rgb(199, 199, 199);--text-color: #000000;--text-light-color: #2c2c2c;--text-inverted-color: #ffffff;--tertiary-color: #0358f5;--tertiary-color-hover: #023ed1;--tertiary-color-light: #b6caff;--earth-land-color: #134215;--earth-water-color: #2293f0;--earth-nz-color: #00a759;--galaxy-stars-color: #000000;--sky-color: #87ceeb;--bg-blue-50: #eff6ff;--bg-white: #ffffff;--bg-gradient-from: var(--bg-blue-50);--bg-gradient-via: var(--bg-white);--bg-gradient-to: var(--bg-blue-50)}.dark-theme{--background-inverted-color: #ffffff;--background-color: rgb(22, 29, 41);--background-secondary-color: rgb(29, 41, 65);--background-tertiary-color: rgb(34, 42, 61);--background-superlight-color: #05071f;--background-transparent-color: rgba(0, 0, 0, .1);--background-inverted-transparent-color: rgba(255, 255, 255, .3);--border-color: rgb(85, 85, 85);--text-color: #ffffff;--text-light-color: #c9c9c9;--text-inverted-color: #000000;--tertiary-color: #4fb8ff;--tertiary-color-hover: #007acc;--tertiary-color-light: #133c57;--earth-land-color: rgb(1, 153, 59);--earth-water-color: #206ba8;--earth-nz-color: #48fcb7;--galaxy-stars-color: #ffffff;--sky-color: #131e3b;--bg-blue-50: #0f172a;--bg-white: #020617;--bg-gradient-from: var(--bg-blue-50);--bg-gradient-via: var(--bg-white);--bg-gradient-to: var(--bg-blue-50)}@media(max-width:800px){h1{margin:0!important}}html,body,#root{margin:0;font-family:Arial,sans-serif;background:var(--background-color);color:var(--text-color)}h1{font-family:Arvo,sans-serif}.App{display:flex;flex-direction:column;align-items:flex-start}.container{width:50%;box-sizing:border-box;margin:0 auto;padding-top:7.5rem}.sub-container{width:50%;box-sizing:border-box;margin:0 auto}.button-primary{all:unset;background:var(--tertiary-color);color:var(--text-inverted-color);padding:15px 20px;cursor:pointer;border-radius:10px}.button-secondary{all:unset;border:1px solid var(--tertiary-color);color:var(--tertiary-color);padding:15px 20px;cursor:pointer;border-radius:10px}.button-primary:hover{opacity:.8}hr{width:80%}div.section-title{width:fit-content;margin:10rem auto 2rem;display:flex;flex-direction:column;align-items:center}.section-title h1{margin:0;font-size:var(--fs-heading)}.section-title hr{margin-top:1rem;border:none;height:10px;background-color:var(--tertiary-color);width:50%}@media(max-width:1920px){.container{padding-top:5rem;width:60%}.sub-container{width:60%}}@media(max-width:1600px){.container,.sub-container{width:70%}}@media(max-width:600px){.container,.sub-container{width:90%}}.footer{background:var(--background-color);padding:3rem 0;text-align:center}.footer-container{max-width:72rem;margin:0 auto;padding:0 2rem;font-size:1.125rem}.footer .footer-container p{color:var(--text-color)}.footer-backdrop{background:linear-gradient(var(--background-color),var(--earth-water-color),var(--tertiary-color))}.footer-backdrop .img-wrapper{width:100%;overflow:hidden}.footer-backdrop img{position:relative;transform:translate(-5%) translateY(5%);width:110%;height:auto;object-fit:cover}@media(max-width:768px){.footer{padding-bottom:130px}}.social-links{background:var(--background-inverted-transparent-color);display:flex;flex-direction:column;gap:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:1.3rem;text-align:center;padding:20px 10px;border-radius:15px;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px}.actions-wrapper{position:fixed;display:flex;flex-direction:column;height:100%;justify-content:flex-start;z-index:50;padding-top:15px;box-sizing:border-box}.actions-wrapper.left{left:10px;background:var(--background-inverted-transparent-color);height:fit-content;top:15px;border-radius:15px;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;padding:20px 5px;gap:5px}.actions-wrapper.right{right:10px}.actions-wrapper button{all:unset;padding:10px;font-size:var(--fs-base);cursor:pointer;display:flex;align-items:center;justify-content:center}.actions-wrapper button:hover{color:var(--tertiary-color)}.social-links a{color:var(--text-color);transition:transform .2s,color .2s}.social-links a:hover{color:var(--tertiary-color)}.theme-toggle{font-size:1.5rem;color:var(--text-color);background:var(--background-inverted-transparent-color);border-radius:100px;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.theme-toggle button{all:unset;cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:100px;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px}.theme-toggle button:hover{color:var(--tertiary-color)}.actions-wrapper button.active{background:linear-gradient(135deg,var(--sky-color),var(--earth-water-color));color:#fff;border-radius:10px}.theme-toggle.mobile{display:none}@media(max-width:768px){.theme-toggle.mobile{display:flex;margin-top:0}.actions-wrapper{position:fixed;bottom:15px;left:0;top:auto;z-index:10000;flex-direction:row;justify-content:space-around;align-items:center;height:auto;padding:10px 15px;border-radius:999px;background:var(--background-inverted-transparent-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:#00000040 0 10px 30px,#00000014 0 0 0 1px}.actions-wrapper.left{left:0;right:auto;gap:10px;bottom:0;top:unset;width:100vw;border-radius:0}.actions-wrapper.right{display:none}.actions-wrapper button:active{transform:scale(.92)}.actions-wrapper button.active{border-radius:50%;background:linear-gradient(135deg,var(--sky-color),var(--earth-water-color));color:#fff}.social-links{display:none}}.about-section{background:var(--background-color);overflow:hidden}.about-content{display:flex;position:relative;height:100%;box-sizing:border-box}.about-section h2{margin-top:2rem;font-size:var(--fs-heading)}.about-section p{line-height:1.6;opacity:.9;font-size:var(--fs-base)}.about-image{flex:1;display:flex;justify-content:center;align-items:center;width:auto}.about-content .text-content-left{width:100%;margin-left:50px;display:flex;align-items:center}.about-content .text-content-left p:first-of-type{margin-top:0}.text-content-left-inner{width:100%}.scene-content-right{display:flex;position:relative;top:0;width:60%;left:0;margin-top:0;padding-right:10px;box-sizing:border-box;background:transparent;height:100%}.scene-content-right img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:20px}.about-content .background-container{position:relative}.about-content .background-layer{position:absolute;inset:0;background:linear-gradient(to bottom right,var(--tertiary-color-light),var(--tertiary-color));border-radius:24px;transform:rotate(-6deg) scale(1.05);opacity:.4}.about-content .card{position:relative;width:320px;height:500px;background:linear-gradient(to bottom right,var(--earth-water-color),var(--tertiary-color));border-radius:24px;display:flex;align-items:center;justify-content:center;transition:.5s;box-shadow:0 25px 50px -12px #00000040}.about-content .card:hover{transform:scale(1.1)}@media(max-width:1000px){.about-content .background-container{margin:0 auto}.about-content{flex-direction:column}.about-content .card{width:100%}.about-content .scene-content-right{width:100%;margin-top:2rem;padding-right:0}.about-content .text-content-left{width:100%;margin-left:0;padding:0;margin-top:30px;box-sizing:border-box}}.career-history .background-fullwidth{padding:100px 0}.career-intro{display:flex;gap:2rem;align-items:center;height:fit-content;position:relative;z-index:1;margin-bottom:100px}.career-intro .intro-img-wrapper{position:relative;padding-right:50px}.career-intro .intro-img-wrapper img{width:100%;height:100%;object-fit:cover;box-sizing:border-box;opacity:1}.intro-img-wrapper .background-container{position:relative}.intro-img-wrapper .background-layer{position:absolute;inset:0;background:linear-gradient(to bottom right,var(--earth-water-color),var(--tertiary-color));border-radius:24px;transform:rotate(-6deg) scale(1.05);opacity:.3}.intro-img-wrapper .card{position:relative;width:320px;height:400px;background:linear-gradient(to bottom right,var(--earth-water-color),var(--tertiary-color));border-radius:24px;display:flex;align-items:center;justify-content:center;transition:.5s;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.intro-img-wrapper .card:hover{transform:scale(1.1)}.intro-text{flex:2}.career-timeline .timeline-summary{position:sticky;height:fit-content;top:100px;width:100%}.career-timeline .timeline-summary img{width:80%;margin-top:100px;border-radius:20px}.intro-text p,.career-timeline p{margin-bottom:1rem;line-height:1.6;font-size:var(--fs-base);width:100%}.intro-image{width:20%;margin-right:100px;height:300px;position:relative}.intro-image img{width:100%;height:100%;border-radius:20px;object-fit:cover;z-index:10;position:relative;transition:.5s;top:0;left:0;pointer-events:none}.intro-image .background-div{border-radius:20px;position:absolute;width:100%;height:100%;top:50px;left:50px;z-index:0;border:2px solid var(--background-inverted-color);transition:.5s}.intro-image img:hover :scope .intro-image>.background-div{background:red!important}.career-history .divider{display:flex;justify-content:space-between;align-items:center;background:none!important;position:relative;z-index:1}.divider.sub-container{padding-top:0}.divider p{white-space:nowrap}.divider p:first-of-type{margin-right:50px}.divider p:last-of-type{margin-left:50px}.path-to-today-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-bottom:100px}.career-history .backdrop{position:absolute;width:100%;height:500px;bottom:0;left:0;background:var(--earth-water-color);opacity:.7;z-index:0;overflow:hidden}.career-history .backdrop .arc{position:absolute;width:200%;height:200%;border-radius:50%;background:var(--background-color);top:-150%;left:-50%}.path-to-today-wrapper .section{background:var(--background-secondary-color);padding:50px;position:relative;overflow:hidden;border:10px solid var(--background-secondary-color);z-index:1;box-shadow:0 25px 50px -12px #00000026;border-radius:10px}.path-to-today-wrapper .section h2{font-weight:200;color:var(--text-color)}.path-to-today-wrapper .section:nth-of-type(1){border-bottom-right-radius:30px;border-top-left-radius:30px}.path-to-today-wrapper .section:nth-of-type(2){border-top-right-radius:30px;border-bottom-left-radius:30px}.path-to-today-wrapper .section:nth-of-type(3){border-bottom-left-radius:30px;border-top-right-radius:30px}.path-to-today-wrapper .section:nth-of-type(4){border-bottom-right-radius:30px;border-top-left-radius:30px}.path-to-today-wrapper .section:after{position:absolute;height:150px;width:150px;display:flex;align-items:center;justify-content:center;top:-20px;right:-50px;font-size:8rem;color:var(--text-color);opacity:.08;border-radius:100%;border:15px solid var(--text-color);font-weight:700}.path-to-today-wrapper .section:nth-of-type(1):after{content:"1"}.path-to-today-wrapper .section:nth-of-type(2):after{content:"2"}.path-to-today-wrapper .section:nth-of-type(3):after{content:"3"}.path-to-today-wrapper .section:nth-of-type(4):after{content:"4"}.section{display:flex;flex-direction:column;justify-content:space-between}.section-item{display:flex;flex-direction:column;align-items:space-between;color:var(--text-color)}.section-item h3{margin:10px 0 0;font-weight:600;color:var(--tertiary-color)}.section-item p{color:var(--text-color);margin:0}.section h1{color:var(--text-color)}.statistics-wrapper{background:linear-gradient(180deg,var(--earth-water-color) 0%,var(--tertiary-color) 100%);padding:100px 0;color:#fff;box-shadow:0 25px 50px -12px #00000059;position:relative;z-index:1}.statistics-wrapper .line{width:100%;height:1px;background:#ffffff59}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px}.stats-left,.stats-right{display:flex;flex-direction:column;justify-content:space-between}.stat-block h2{font-size:36px;font-weight:700;margin-bottom:4px;color:#fff}.stat-block p{opacity:.9;font-size:14px;color:#fff}.stat-row{display:flex;gap:48px}.stat-row h3{font-size:28px;font-weight:600}.stat-row p{font-size:13px;opacity:.9;color:#fff}.stat-info{display:flex;align-items:center;justify-content:space-between}.stat-info h4{font-size:16px;font-weight:600}.stat-info p{font-size:13px;opacity:.9;color:#fff}.muted{opacity:.75}.icon{font-size:64px;opacity:.9}.divider{width:100%;height:1px;background:#ffffff59;margin:24px 0}.timeline-wrapper{color:var(--text-color)}.timeline-wrapper .sub-container{padding:100px 0}.timeline-item{display:flex;gap:24px;position:relative;border-bottom:5px solid var(--border-color);border-radius:10px}.timeline-left{display:flex;flex-direction:column;justify-content:space-between;gap:4px;border-right:2px dashed var(--background-inverted-transparent-color);padding-right:24px;position:relative}.timeline-item:first-of-type .timeline-left:first-of-type h3:first-of-type{color:var(--tertiary-color)}.timeline-left h3{font-weight:200}.arrow-up{width:0;position:absolute;right:0;transform:translate(50%);height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--background-inverted-color)}.arrow-down{width:0;position:absolute;right:0;bottom:0;transform:translate(50%);height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--background-inverted-color)}.timeline-content{padding:50px 0 50px 50px}@media(max-width:768px){.stats-container{grid-template-columns:1fr;gap:48px}.stat-row{gap:32px}.divider p:first-of-type{margin-right:20px}.divider p:last-of-type{margin-left:20px}}@media(max-width:1920px){.timeline-wrapper{top:-400px}}@media(max-width:1300px){.timeline-wrapper{top:-200px}.career-history .background-fullwidth{padding:100px 0}.career-intro{flex-direction:column}.intro-text p{width:100%}.intro-img-wrapper{margin:0 auto}.intro-img-wrapper .card{width:300px;height:300px}}@media(max-width:1000px){.path-to-today-wrapper{grid-template-columns:repeat(1,1fr)}.intro-img-wrapper{padding-right:0!important}.career-history{padding-top:50px}hr{width:100%}section.career-intro{flex-direction:column}.intro-text>p,.career-timeline p{width:100%}.intro-image{width:100%;height:300px;margin-right:100px;position:relative;margin-bottom:100px;margin-top:50px}.intro-image img{object-fit:cover}.intro-image .background-div{border-radius:20px;position:absolute;width:100%;height:100%;top:50px;left:50px;z-index:0;border:2px solid var(--background-inverted-color);transition:.5s}.career-timeline{flex-direction:column}.career-timeline .timeline-summary{position:relative;top:0}.career-timeline .timeline-summary img{width:100%;margin-top:50px;border-radius:20px}.timeline{margin-top:50px;margin-left:0;width:100%;box-sizing:border-box;transform:translateY(100px)}.timeline-dot{position:absolute}}@media(max-width:600px){.intro-image{height:200px;margin-bottom:0}.background-div{display:none}.timeline-content{border-radius:0;padding:50px 0;border-left:none;border-right:none;border-bottom:none}}.landing-page{position:relative}.landing-content{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.landing-content .content-left{width:50%}.landing-content .content-left p{line-height:1.625}.landing-content .first-name,.landing-content .last-name{font-size:var(--fs-section-heading);font-weight:700;margin:0}.landing-content .first-name{color:var(--primary-color)}.landing-content .last-name{color:var(--tertiary-color)}.landing-content .welcome-pill{display:inline-block;background:var(--tertiary-color-light);padding:.5rem 2rem;border-radius:9999px;margin-bottom:3rem}.landing-content .welcome-pill p{color:var(--tertiary-color);font-size:var(--fs-mini);margin:0}.landing-content .button-wrapper{display:flex;gap:1rem;margin:2rem 0}.landing-content .background-container{position:relative}.landing-content .background-layer{position:absolute;inset:0;background:linear-gradient(to bottom right,var(--tertiary-color-light),var(--tertiary-color));border-radius:24px;transform:rotate(6deg) scale(1.05);opacity:.4}.landing-content .card{position:relative;width:320px;height:320px;background:linear-gradient(to bottom right,var(--earth-water-color),var(--tertiary-color));border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 25px 50px -12px #00000040}.landing-content .emoji{height:60%}.stats-section{width:100%;position:relative;transform:translateY(50%);z-index:10}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{width:100%;box-sizing:border-box;background-color:var(--background-color);border-radius:16px;padding:32px;border-top:4px solid var(--tertiary-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transition:box-shadow .3s ease}.stat-card:hover{box-shadow:0 25px 50px -12px #00000040}.stat-number{font-size:var(--fs-heading);margin-bottom:8px;color:var(--tertiary-color);font-weight:200}.stat-label{color:var(--text-light-color);font-size:1rem}.background-gradient{position:absolute;z-index:0;inset:0;background:linear-gradient(to bottom right,var(--bg-gradient-from),var(--bg-gradient-via),var(--bg-gradient-to));height:100%}@media(max-width:1700px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1000px){.landing-content{flex-direction:column;gap:3rem}.landing-content .content-left{width:100%}.content-right{display:none}.stats-grid{grid-template-columns:repeat(1,1fr)}.stats-section{transform:translateY(10%)}}.skills-section{text-align:left}.skills-section p{line-height:1.6;opacity:.9}.skills-section .skill-icon-wrapper{display:flex;gap:5rem;justify-content:center;position:relative;width:fit-content}.skill-icon-wrapper:after{content:"";position:absolute;top:50%;transform:translateY(-50%);background:var(--background-inverted-color);height:5px;width:100%}.skills-section .skill-icon{font-size:var(--fs-heading);border:15px solid var(--background-secondary-color);background:var(--background-inverted-color);color:var(--text-inverted-color);width:fit-content;padding:20px;border-radius:100%;aspect-ratio:1/1;width:50px;display:flex;align-items:center;justify-content:center;z-index:1;flex-direction:column;position:relative}.skills-section .skill-icon .description{font-size:1.3rem;transition:.5s;opacity:0;position:absolute;background:var(--background-inverted-color);width:100%;height:100%;border-radius:100%;display:flex;align-items:center;justify-content:center}.skills-section .skill-icon:hover .description{font-size:1rem;opacity:1;color:var(--text-inverted-color)}.skills-section .statistics{display:flex;align-items:flex-end;justify-content:space-between;margin:0;background:var(--background-secondary-color);padding:40px;box-sizing:border-box;border-radius:25px;border:1px solid var(--background-tertiary-color);flex-direction:column}.skills-section .content>div>p{width:100%}.skills-section .statistics>div{display:flex;justify-content:space-between;width:100%}.skills-section .content{display:flex;flex-direction:column;margin:50px 10%}.skills-list-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.skill-card{padding:1.5rem;border-radius:16px;background:var(--background-secondary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--background-inverted-transparent-color);transition:transform .25s ease,box-shadow .25s ease}.skill-card:hover{transform:translateY(-4px)}.skill-title{display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.skill-icon-small{font-size:var(--fs-heading);opacity:.9;color:var(--tertiary-color)}.skill-tech-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-chip{padding:.35rem .65rem;font-size:1rem;border-radius:999px;background:var(--background-transparent-color);border:1px solid var(--background-inverted-transparent-color);color:var(--text-color);transition:.2s ease}.skill-chip:hover{background:#ffffff26;transform:translateY(-1px)}.skills-details-wrapper{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin:10rem 0}.skills-section .statistics .statistic .stat-value{color:var(--text-color)}.soft-skills-wrapper{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;box-sizing:border-box}.soft-skills-wrapper .soft-skills-left,.soft-skills-wrapper .skill-tech-list{width:100%;height:fit-content}.skills-section .grid-wrapper{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:2rem}@media(max-width:850px){.skills-section{margin:60px 0}.skills-section .grid-wrapper{display:grid;grid-template-columns:repeat(1,minmax(300px,1fr));gap:2rem}.skills-section .content{flex-direction:column;gap:2rem}.skills-section .statistics{display:none}.skills-section .statistics>div{flex-direction:column;gap:1.5rem;align-items:center}.statistic{text-align:center}.skills-section .skill-icon-wrapper{gap:2rem}.skill-icon-wrapper:after{height:3px}.skills-section .skill-icon{font-size:1.5rem;padding:16px;width:44px}.skills-list-wrapper{grid-template-columns:1fr}.skill-title{font-size:1.25rem}.skill-chip{font-size:.9rem}.skills-details-wrapper{padding:5rem 0}}@media(max-width:480px){.skills-section .content{margin:50px 0}.skill-icon-wrapper{flex-direction:column;gap:1.5rem}.skill-icon-wrapper:after{width:3px;height:100%;left:50%;top:0;transform:translate(-50%)}.skills-section .skill-icon{width:48px}.skill-chip{padding:.3rem .6rem}}@media(min-width:1400px){.skills-list-wrapper{gap:2rem}}@media(max-width:1900px){.skills-section .content>div>p{width:100%;padding-right:50px;box-sizing:border-box}}@media(max-width:1600px){.skills-section .content{flex-direction:column}.skills-section .content>div>p{padding-right:0}}@media(max-width:1200px){.soft-skills-wrapper{flex-direction:column}.soft-skills-wrapper .soft-skills-left{width:100%}.soft-skills-wrapper .skill-tech-list{width:100%;margin-left:0;margin-top:50px}}@media(max-width:1000px){.skills-section{padding-top:50px;margin-top:0}}