h1,h2,h3,h4{letter-spacing:-.6px}[data-theme=light] a,[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] p{color:#3b3b3b}[data-theme=dark] a,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] p{color:#ededed}h1{font-size:clamp(36px,8vw,47.8px)}h2{font-size:clamp(32px,6.5vw,39.8px)}h3{font-size:clamp(28px,5.5vw,33.2px)}h4{font-size:clamp(24px,4.5vw,27.6px)}h5{font-size:clamp(20px,3.8vw,23px)}h6{font-size:clamp(18px,3.2vw,19px);letter-spacing:-1.2px}span{font-size:inherit}a,b,button,i,p{font-size:clamp(16px,2.8vw,16px);letter-spacing:-.3px}button{font-size:clamp(16px,2.8vw,1rem)}.hero-section ::selection{background-color:#6fde77;color:#fff}.technologies-section ::selection{background-color:#6fbbde;color:#fff}.experience-section ::selection{background-color:#c46fde;color:#fff}.projects-section ::selection{background-color:#df5361;color:#fff}.contact-section ::selection{background-color:#fb8853;color:#fff}.section{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-bottom:4rem}.section.hero-section ::selection{background-color:#6fde77;color:#fff}.section.hero-section .section-title{margin:0}.section.hero-section p{padding-bottom:.75rem}.section.hero-section p:last-child{padding-bottom:0}.section.hero-section .hero-bio{width:100%;border-radius:12px;padding:6px;margin-bottom:1.5rem}.section.hero-section .hero-bio .hero-bio-inner{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;border-radius:8px;padding:12px}.section.hero-section .hero-bio .hero-bio-inner p{width:100%;padding-bottom:0;line-height:22px;letter-spacing:-.32px}.section .hero-section-title-wrapper{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;width:100%;margin-bottom:1.5rem}@media screen and (max-width:768px){.section .hero-section-title-wrapper{flex-direction:column-reverse;align-items:flex-start;gap:1rem}}.section .hero-section-title-wrapper .ghibli-image{width:8rem;height:8rem;border-radius:50%;object-fit:cover;object-position:center -30px}@media screen and (max-width:768px){.section .hero-section-title-wrapper .ghibli-image{align-self:center}}.section .section-title{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.experience-wrapper,.project-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-items:center;width:100%;gap:.5rem}.experience-wrapper .experience-header-wrapper,.experience-wrapper .project-header-wrapper,.project-wrapper .experience-header-wrapper,.project-wrapper .project-header-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:1rem}@media screen and (max-width:768px){.experience-wrapper .experience-header-wrapper,.experience-wrapper .project-header-wrapper,.project-wrapper .experience-header-wrapper,.project-wrapper .project-header-wrapper{align-items:flex-start;gap:.25rem}.experience-wrapper .experience-header-wrapper.experience-header-wrapper,.experience-wrapper .project-header-wrapper.experience-header-wrapper,.project-wrapper .experience-header-wrapper.experience-header-wrapper,.project-wrapper .project-header-wrapper.experience-header-wrapper{flex-direction:column}}.experience-wrapper .experience-header-wrapper .separator,.experience-wrapper .project-header-wrapper .separator,.project-wrapper .experience-header-wrapper .separator,.project-wrapper .project-header-wrapper .separator{flex:1;width:100%;height:1px}.experience-wrapper .experience-header-wrapper .separator.experience-separator,.experience-wrapper .project-header-wrapper .separator.experience-separator,.project-wrapper .experience-header-wrapper .separator.experience-separator,.project-wrapper .project-header-wrapper .separator.experience-separator{background:#c46fde}.experience-wrapper .experience-header-wrapper .separator.selected-projects-separator,.experience-wrapper .project-header-wrapper .separator.selected-projects-separator,.project-wrapper .experience-header-wrapper .separator.selected-projects-separator,.project-wrapper .project-header-wrapper .separator.selected-projects-separator{background:#df5361}@media screen and (max-width:768px){.experience-wrapper .experience-header-wrapper .separator,.experience-wrapper .project-header-wrapper .separator,.project-wrapper .experience-header-wrapper .separator,.project-wrapper .project-header-wrapper .separator{display:none}}.experience-wrapper .experience-header-wrapper .experience-title,.experience-wrapper .experience-header-wrapper .project-title,.experience-wrapper .project-header-wrapper .experience-title,.experience-wrapper .project-header-wrapper .project-title,.project-wrapper .experience-header-wrapper .experience-title,.project-wrapper .experience-header-wrapper .project-title,.project-wrapper .project-header-wrapper .experience-title,.project-wrapper .project-header-wrapper .project-title{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.experience-wrapper,.project-wrapper{gap:6px;padding:6px;border-radius:12px}.experience-wrapper .experience-header-wrapper,.experience-wrapper .project-header-wrapper,.project-wrapper .experience-header-wrapper,.project-wrapper .project-header-wrapper{padding:12px;gap:12px}.experience-wrapper .experience-description,.experience-wrapper .project-description,.project-wrapper .experience-description,.project-wrapper .project-description{width:100%;padding:12px;border-radius:8px;line-height:22px}.experience-wrapper .experience-roles,.experience-wrapper .project-techstack,.project-wrapper .experience-roles,.project-wrapper .project-techstack{width:100%;padding:0}.experience-header-wrapper a:hover{text-decoration:underline;text-decoration-color:#c46fde}.project-header-wrapper a:hover{text-decoration:underline;text-decoration-color:#df5361!important}.contacts-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-items:center;gap:.75rem}.contacts-wrapper .contact{display:inline-flex;flex-direction:row;align-items:center;justify-items:center;gap:.5rem}.contacts-wrapper .contact:hover{text-decoration:underline;text-decoration-color:#fb8853}.contact{display:inline-flex;flex-direction:row;align-items:center;justify-items:center;gap:.5rem}.contact.hero-contact{border-radius:.5rem;padding:.35rem .5rem;background:#fff}.contact:hover{text-decoration:underline;text-decoration-color:#fb8853}.project-link{border-radius:.5rem}.chip{display:inline-flex;flex-direction:column;align-items:flex-start;padding:2px;border-radius:8px}.chip .chip-inner{display:flex;align-items:center;justify-content:center;width:100%;padding:4px 8px;border-radius:6px;font-size:16px;line-height:22px;white-space:nowrap}.chip-stroked{border-radius:.5rem;padding:.15rem .35rem;background:#fff}[data-theme=dark] .contact.hero-contact{border:1px solid hsl(0,0%,10%);color:#a1a1a1;background:#010101}[data-theme=dark] .contact.hero-contact:hover{background:#3b3b3b;text-decoration-color:rgba(0,0,0,0)}[data-theme=dark] .project-link:hover{background:#3b3b3b}[data-theme=dark] .experience-header-wrapper h6,[data-theme=dark] .project-header-wrapper h6{justify-self:flex-end;color:#a1a1a1}[data-theme=dark] .section p{color:#a1a1a1}[data-theme=dark] .hero-bio{background:#0c0c0c;border:1px solid hsl(0,0%,10%)}[data-theme=dark] .hero-bio .hero-bio-inner{background:#010101;border:1px solid hsl(0,0%,10%)}[data-theme=dark] .hero-bio .hero-bio-inner p{color:#a1a1a1}[data-theme=dark] .experience-wrapper,[data-theme=dark] .project-wrapper{background:#0c0c0c;border:1px solid hsl(0,0%,10%)}[data-theme=dark] .experience-wrapper .experience-description,[data-theme=dark] .experience-wrapper .project-description,[data-theme=dark] .project-wrapper .experience-description,[data-theme=dark] .project-wrapper .project-description{background:#010101;border:1px solid hsl(0,0%,10%);color:#a1a1a1}[data-theme=dark] .chip{background-color:hsl(199,66%,22%);border:1px solid hsl(199,66%,18%)}[data-theme=dark] .chip .chip-inner{background-color:hsl(199,66%,18%);border:1px solid hsl(199,66%,14%);color:#8fd0ee!important}[data-theme=dark] .chip-stroked{background-color:#010101;color:#a1a1a1;border:1px solid hsl(0,0%,10%)!important}[data-theme=dark] .separator{background-color:hsl(0,0%,10%)!important}[data-theme=light] .contact.hero-contact{border:1px solid #dedede;color:#6d6d6d}[data-theme=light] .contact.hero-contact:hover{background:#ededed;text-decoration-color:rgba(0,0,0,0)}[data-theme=light] .project-link:hover{background:#ededed}[data-theme=light] .experience-header-wrapper h6,[data-theme=light] .project-header-wrapper h6{justify-self:flex-end;color:#6d6d6d}[data-theme=light] .section p{color:#6d6d6d}[data-theme=light] .hero-bio{background:#f6f6f6;border:1px solid #e7e7e7}[data-theme=light] .hero-bio .hero-bio-inner{background:#fff;border:1px solid #e7e7e7}[data-theme=light] .hero-bio .hero-bio-inner p{color:#6d6d6d}[data-theme=light] .experience-wrapper,[data-theme=light] .project-wrapper{background:#fafafa;border:1px solid #e7e7e7}[data-theme=light] .experience-wrapper .experience-description,[data-theme=light] .experience-wrapper .project-description,[data-theme=light] .project-wrapper .experience-description,[data-theme=light] .project-wrapper .project-description{background:#fff;border:1px solid #e7e7e7;color:#6d6d6d}[data-theme=light] .chip{background-color:#9bd0e8;border:1px solid #72bcdf}[data-theme=light] .chip .chip-inner{background-color:#d6ebf5;border:1px solid #83c4e2;color:#04567b!important}[data-theme=light] .chip-stroked{border-radius:.5rem;padding:.15rem .35rem;border:1px solid #dedede!important}[data-theme=light] .separator{background-color:#dedede}.theme-toggle-wrapper{position:absolute;top:2.5rem;z-index:1000}.theme-toggle-wrapper .theme-toggle{border-radius:.5rem;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}[data-theme=light] .theme-toggle{border:1px solid #dedede;color:#6d6d6d;background:#fff}[data-theme=light] .theme-toggle:hover{background:#ededed}[data-theme=dark] .theme-toggle{border:1px solid hsl(0,0%,10%);color:#a1a1a1;background:#010101}[data-theme=dark] .theme-toggle:hover{background:#3b3b3b}