@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.header{background-color:var(--background-color-header);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:2.1rem 3rem;position:sticky;top:0;z-index:1000}.header-left{display:flex;align-items:center;gap:1.5rem}.header-brand{font-size:1.4rem;font-weight:600;text-decoration:none}.header-social-links{align-items:center;margin-left:1.2rem}.header-link-list{display:flex;flex-direction:row;list-style-type:none;gap:.7rem;padding:0;margin:0}.header-link-item{font-size:1.3rem;color:var(--text-color);transition:color .3s ease;align-items:center;text-decoration:none}.header-link-item:hover,.header-link-item:focus{color:var(--link-icon-color-hover)}.header-right{display:flex;align-items:center}.header-nav{display:flex;justify-content:flex-end}.header-menu{display:flex;justify-content:space-around;gap:.6rem;list-style:none}.header-menu-link{color:var(--text-color);text-decoration:none;transition:all .3s ease;padding:.6rem}.header-menu-link:hover{border-radius:.6rem;background-color:var(--background-color-link-hover)}.header-hamburger{display:none}.header-hamburger-open{color:var(--link-icon-color-hover)}#check:checked~.header-menu-mini{display:flex}.header-menu-mini-item{display:block;padding:.725rem 0;font-size:1.275rem}.header-menu-mini-item:hover .header-menu-link{background-color:var(--background-color-link-hover);border-radius:.6rem}.bx{cursor:pointer}.header-separator{display:inline-block;width:.8px;height:2.2rem;background:var(--border-color);margin:0 1.2rem;vertical-align:middle}.header-darkmode-toggle{background:none;border:none;outline:none;cursor:pointer;font-size:1.5rem;color:var(--text-color);transition:color .2s;padding:.2em .4em}.header-darkmode-toggle:hover{color:var(--link-icon-color-hover);background:none;box-shadow:none}@media(min-width:768px)and (max-width:1024px){.header{padding:1.25rem 3rem}.header-brand{font-size:1.2rem}.header-link-item{font-size:1.15rem}.header-separator{display:none}.header-darkmode-toggle{font-size:1.2rem;margin-right:.5rem}.header-menu,#check{display:none}.header-hamburger{display:inline-block;font-size:2rem}.header-menu-mini{display:none;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:100%;background:var(--background-color-header);border:1.4px solid rgba(0,0,0,.376);border-radius:2rem 0 2rem 2rem;transition:opacity .3s ease-in-out;margin:0 auto;padding:2.2rem;right:0;cursor:default;opacity:0;pointer-events:none}.header-menu-mini.active{display:flex;visibility:visible;opacity:1;pointer-events:auto}}@media(max-width:767px){.header{padding:1rem 1.75rem}.header-left{gap:1rem}.header-brand{font-size:1.05rem}.header-link-item{font-size:1rem}.header-separator{display:none}.header-darkmode-toggle{font-size:1.1rem;margin-right:.9rem}.header-menu,#check{display:none}.header-hamburger{display:inline-block;font-size:1.8rem}.header-menu-mini{display:none;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:100%;right:0;background:var(--background-color-header);border:1.4px solid rgba(0,0,0,.377);border-radius:2rem 0 2rem 2rem;transition:opacity .3s ease-in-out;padding:1.8rem;cursor:default;opacity:0;pointer-events:none}.header-menu-mini.active{display:flex;visibility:visible;opacity:1;pointer-events:auto}.header-menu-mini-item{font-size:1rem}}.about{background-color:var(--background-color-about);box-shadow:0 0 0 80px var(--background-color-about);color:var(--text-color);min-height:50rem;margin-top:3.125rem;padding-left:2.5rem;scroll-margin-top:7rem}.about-heading{display:block;width:50%;margin:1.25rem;padding-left:.5rem}.about-me{display:flex;justify-content:flex-start;align-items:flex-start;margin:1.875rem;gap:clamp(6rem,8vw,9rem)}.about-me-info{min-width:320px;max-width:65ch}.about-me-info p{font-size:1.4rem;line-height:1.6;margin-bottom:1.2rem}.button-download{padding:1.1rem 2rem;font-weight:700;margin-top:2.5rem}.about-me-portrait{box-shadow:0 6px 24px #0000002e,0 12px 40px #0000001f;transform:none;flex:0 0 auto;width:clamp(280px,28vw,420px);aspect-ratio:1;border-radius:50%;overflow:hidden;margin-top:-5rem}.about-me-image{width:100%;height:100%;object-fit:cover}@media(min-width:1800px){.about-heading{text-align:center;width:100%;padding-left:0}.about-me{flex-direction:column;align-items:center;margin-bottom:5rem}.about-me-info{order:2;text-align:center}.about-me-portrait{order:1;margin-top:0}.about-me-image{width:100%;height:100%;object-fit:cover}}@media(min-width:1026px)and (max-width:1347px){.about{min-height:60rem}.about-heading{text-align:center;width:100%;padding-left:0}.about-me{flex-direction:column;align-items:center}.about-me-info{order:2;text-align:center}.about-me-portrait{order:1;width:220px;height:220px;margin-top:0}.about-me-image{width:100%;height:100%;object-fit:cover}.button-download{margin-top:1rem}}@media(min-width:768px)and (max-width:1024px){.about{margin-bottom:5rem;min-height:45rem}.about-heading{text-align:center;width:100%;padding-left:0;padding-right:2rem;margin:1rem 0 2.5rem}.about-me{flex-direction:column;align-items:center;margin-top:0}.about-me-info{text-align:center;max-width:100%;padding:1.25rem;padding-top:0;order:2}.about-me-info p{font-size:1.1rem}.about-me-portrait{order:1;transform:none!important;width:220px;height:220px;border-width:2px;margin-top:0}.about-me-image{height:100%;width:100%;object-fit:cover}.button-download{font-size:1.1rem;padding:1rem 2rem;margin-top:1rem}}@media(max-width:767px){.about{margin-bottom:2rem;margin-top:1.5rem;padding-left:1.1875rem}.about-heading{text-align:center;width:100%;margin:.5rem 0 1.2rem;padding:0}.about-me{flex-direction:column;align-items:center;margin-top:1.25rem;gap:1rem}.about-me-info{max-width:100%;padding:0;text-align:center;order:2}.about-me-info p{font-size:.98rem;margin:1rem .4rem}.primary-button.button-download{margin-top:.2rem}.about-me-portrait{order:1;margin-bottom:.8rem;transform:none!important;width:140px;height:140px;border-width:2px;margin-top:0}.about-me-image{height:100%;width:100%;object-fit:cover}}.skills{background-color:var(--background-color-skills);box-shadow:0 0 0 40px var(--background-color-skills);color:var(--text-color);display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem 5rem;margin-bottom:2.5rem;margin-top:2.5rem;scroll-margin-top:7.5rem}.skills-container{padding-top:1rem;max-width:950px;width:100%}.skills-tech-stack{margin-bottom:3rem}.tech-stack-list,.skills-tools-list{display:flex;flex-wrap:wrap;justify-content:flex-start;list-style-type:none;text-align:center;gap:.4rem;max-width:95%;margin:2rem 0rem 0rem 4rem}.skills-item{border-radius:5px;margin:.5rem;padding:.3em .8em;background-color:var(--background-color-text);display:inline-block}@media(min-width:768px)and (max-width:1024px){.skills{margin-top:2.5rem;margin-bottom:3.5rem;padding-left:2rem;padding-right:2rem}.skills-container{max-width:700px}.tech-stack-list,.skills-tools-list{margin-left:4rem;margin-right:.2rem;max-width:100%}}@media(max-width:767px){.skills{padding:1rem 1rem 2rem;margin-top:1.2rem;margin-bottom:2rem}.skills-container{max-width:100%;padding-top:.5rem}.skills-tech-stack{margin-bottom:2rem}.tech-stack-list,.skills-tools-list{gap:.3rem;margin:0 .5rem 0 1.5rem;max-width:100%}.skills-item{margin:.15rem;font-size:.8rem}}.project{padding:1.75rem;border-radius:1rem;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 6px 20px #0000001a;background-color:var(--background-color-card)}.project h3{font-weight:700}.project-image{object-fit:fill;display:block;border-radius:.625rem;width:100%;height:13rem}.project-links{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:.75rem}.primary-button.project-link-button{padding:.5rem 1rem;font-size:.9rem}.project-description{margin-top:.9rem;line-height:1.5;padding:.5rem .75rem}.project-description p{margin-bottom:.75rem}.project-intro{font-weight:600;margin-bottom:.75rem}@media(min-width:768px)and (max-width:1024px){.project{padding:1.5rem}.project h3{margin-bottom:1.5rem}.project-image{height:12rem}}@media(max-width:767px){.project{padding:1.5rem}.project-image{height:8rem}.project-links{gap:.5rem}.primary-button.project-link-button{padding:.4rem .75rem;font-size:.75rem}.project-description{padding:.3rem .2rem}.project-description p,.project-intro{margin-bottom:.6rem}}.portfolio{background-color:var(--background-color-portfolio);box-shadow:0 0 0 40px var(--background-color-portfolio);color:var(--text-color);padding:2rem 1.25rem 3rem;margin-bottom:2.5rem;scroll-margin-top:6rem}.portfolio-container{display:grid;grid-template-columns:repeat(3,minmax(320px,1fr));gap:2.5rem;max-width:1400px;margin:5rem auto 1rem}@media(min-width:768px)and (max-width:1024px){.portfolio-container{grid-template-columns:repeat(2,minmax(260px,1fr));gap:2.5rem;max-width:800px;margin:3rem auto 1rem}}@media(max-width:767px){.portfolio{padding:2rem 1.5rem;margin-bottom:1.2rem;max-width:500px}.portfolio-container{grid-template-columns:1fr;margin-top:3rem}}.contact{background-color:var(--background-color-contact);box-shadow:0 0 0 60px var(--background-color-contact);color:var(--text-color);margin-bottom:7.75rem;scroll-margin-top:8.5rem;padding:3rem 1.25rem 4rem}.contact-me{max-width:720px;margin:0 auto;text-align:center}.contact-intro{line-height:1.6;margin:0 auto 2rem;max-width:520px;color:var(--text-color)}.contact-info{font-style:normal;margin:0 auto;padding:3rem 2.5rem;border-radius:1.5rem;border:1px solid var(--border-color);background-color:var(--background-color-text);max-width:440px;box-shadow:0 8px 20px #00000014;display:flex;flex-direction:column;align-items:center;gap:2.25rem;transition:transform .2s ease,box-shadow .2s ease;font-size:1.2rem}.contact-text{margin-bottom:1.25rem}.contact-list{list-style:none;padding:0;margin:0;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.contact-link{color:var(--text-color);text-decoration:none;padding:.5rem 1.25rem;border-radius:999px;border:1px solid transparent;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.contact-link:hover{border-color:var(--border-color);box-shadow:0 4px 6px #0000001a}.contact-link .bx{font-size:1.35rem}@media(min-width:768px)and (max-width:1024px){.contact{margin-top:3rem}.contact-me{padding:0;max-width:600px;margin:0 auto}.contact-intro{margin-bottom:1.5rem;max-width:400px}.contact-info{padding:2rem 1.5rem;margin-top:3rem;margin-bottom:2.5rem;gap:1.5rem;font-size:1rem}.contact-list{gap:.75rem}}@media(max-width:767px){.contact{padding:1.5rem 1rem 2.5rem;scroll-margin-top:7rem;margin-top:1.5rem}.contact h2{margin-bottom:1.5rem}.contact-me{padding:0 1.25rem;margin:auto}.contact-info{padding:1.7rem .7rem;margin:2rem auto;font-size:.85rem;width:100%;max-width:320px;gap:1rem}.contact-link .bx{font-size:1.1rem}}footer{background-color:var(--background-color-footer);text-align:center;padding:1.45rem 1.45rem 1rem}.footer-menu{display:flex;justify-content:center;margin:1.25rem 0}.footer-menu-item{text-decoration:none;color:var(--text-color);padding:.6rem;transition:all .3s ease}.footer-menu-item:hover{background-color:var(--background-color-footer-item-hover);border-radius:.6rem}.footer-social-links{margin:1.25rem 0;text-align:center}.footer-menu-list,.footer-link-list{display:flex;justify-content:center;list-style-type:none;padding:0;margin:0}.footer-link-item{font-size:2rem;list-style-type:none;color:var(--text-color);margin:0 .9375rem}.footer-link-item:hover{color:var(--link-icon-color-hover);transform:scale(1.1);transition:transform .3s ease,color .3s ease}.footer-text{font-size:.875rem;margin:1.25rem;color:var(--text-color)}@media(min-width:768px)and (max-width:1024px){.footer-menu-item{padding:.5rem 1rem}.footer-link-list{gap:1rem}.footer-link-item{margin:0 .5rem}.footer-text{margin-top:1rem}}@media(max-width:767px){footer{padding:1.25rem .5rem .75rem;height:auto}.footer-menu-list{flex-direction:column;gap:.625rem;margin-bottom:.5rem}.footer-link-list{padding-top:.3rem;padding-bottom:.3rem;gap:.5rem}.footer-link-item{font-size:1.3rem;margin:0 .3rem}.footer-text{font-size:.68rem;margin-top:.62rem}}:root{--font-standard: "Inter", system-ui, sans-serif;--white-warm: #f8f5f2;--beige-light: #f3efe9;--beige: #eae3d6;--beige-dark: #e0d6cb;--white: #fffffe;--green-teal: #176161;--green-dark: #104747;--green-teal-light: #196868;--grey-light: #ccc;--grey-dark: #232323;--grey-very-light: #f7f3f3;--background-color-main: var(--white);--background-color-header: var(--beige-light);--background-color-footer: var(--beige-dark);--background-color-about: var(--beige-light);--background-color-skills: var(--white);--background-color-portfolio: var(--white);--background-color-card: var(--beige-light);--background-color-contact: var(--white);--background-color-sections: var(--white);--background-color-button: var(--green-dark);--background-color-button-hover: var(--green-teal-light);--background-color-link-hover: var(--beige);--background-color-text: var(--white-warm);--background-color-footer-item-hover: var(--beige);--text-color: var(--grey-dark);--text-button: var(--grey-very-light);--link-icon-color-hover: var(--green-teal-light);--border-color: var(--grey-light)}[data-theme=dark]{--black-medium: #232526;--black-dark: #181a1b;--grey-very-light: #f3f3f3;--grey: #7e7e7e;--grey-very-dark: #333;--cyan-dark: #249393;--cyan-very-dark: #176161;--background-color-main: var(--black-medium);--background-color-header: var(--black-dark);--background-color-footer: var(--black-dark);--background-color-about: var(--black-dark);--background-color-skills: var(--black-medium);--background-color-portfolio: var(--black-medium);--background-color-card: var(--black-dark);--background-color-contact: var(--black-medium);--background-color-button: var(--cyan-very-dark);--background-color-button-hover: var(--cyan-dark);--background-color-link-hover: var(--grey-very-dark);--background-color-text: var(--black-dark);--background-color-footer-item-hover: var(--grey-very-dark);--text-color: var(--grey-light);--text-button: var(--grey-light);--link-icon-color-hover: var(--cyan-dark);--border-color: var(--grey)}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}main{display:flex;flex-direction:column;padding-left:.625rem;padding-right:.625rem}body{font-family:var(--font-standard);color:var(--text-color);background-color:var(--background-color-main);line-height:1.6;font-size:1.1rem}h1{text-align:left;margin-bottom:2.5rem;font-size:3rem;font-weight:500}h2{font-size:2.275rem;font-weight:500;text-align:center;margin-bottom:3.125rem}h3{font-weight:500;font-size:1.5rem;margin-bottom:1.25rem;text-align:center}.primary-button{color:var(--text-button);background-color:var(--background-color-button);box-shadow:1px 1px 1px #251c1c;border-radius:2.5rem;border:1px solid var(--border-color);display:inline-block;text-align:center;text-decoration:none;transition:all .3s ease;font-size:1.15rem}.primary-button:hover{background-color:var(--background-color-button-hover);box-shadow:1px 1px 1px #251c1c;transform:translateY(-3px)}.primary-button:active{transform:translateY(1px)}@media(min-width:768px)and (max-width:1024px){body{font-size:1rem}h1{font-size:2rem}h2{font-size:1.875rem;margin-bottom:2rem}h3{font-size:1.4rem}}@media(max-width:767px){main{padding-left:.25rem;padding-right:.25rem}body{font-size:.8rem}h1{font-size:1.4rem}h2{font-size:1.3rem;margin-bottom:1.2rem}h3{font-size:1rem}.primary-button{font-size:.95rem;padding:.6rem 1rem}}