.tab-button-container{display:flex;flex-direction:column;align-items:center;cursor:pointer;border:none;background:none;padding:0;margin-right:1rem}.tab-button{margin-right:.75rem;font-weight:600;color:#adb7be;transition:color .3s ease}.tab-button-active,.tab-button:hover{color:#fff}.tab-button-indicator{height:.25rem;background-color:#a855f7;margin-top:.5rem;margin-inline:.5rem}.about-section{color:#fff}.about-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:2rem 4rem}@media (max-width:768px){.about-container{grid-template-columns:1fr}}.about-content{margin-top:1rem;text-align:left;display:flex;flex-direction:column;height:100%}.about-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.about-description{font-size:1rem;line-height:1.5}.about-tabs{display:flex;flex-direction:row;justify-content:flex-start;margin-top:2rem}.about-tab-content{margin-top:2rem;margin-inline:1rem}.list-disc{list-style-type:disc;padding-left:2rem}@media (orientation:portrait){.about-title{text-align:center}.about-tabs{justify-content:center}}.achievements-container{padding:2rem 1rem}.achievements-content{border-radius:.5rem;border:2px solid #33353f;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}@media screen and (min-width:640px){.achievements-content{flex-direction:row;padding-top:4rem;padding-bottom:4rem}}.achievement{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem}@media screen and (min-width:640px){.achievement{margin-top:0;margin-bottom:0}}.achievement-title{color:#fff;font-size:2.25rem;font-weight:700;display:flex;flex-direction:row}.achievement-metric{color:#adb7be;font-size:1rem}.email-section{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:6rem 1rem;position:relative}.email-background{background:radial-gradient(circle,#581c87,transparent);border-radius:100%;height:20rem;width:20rem;position:absolute;top:75%;left:-2rem;transform:translate(-50%,-50%);filter:blur(3rem)}.email-content{z-index:10}.email-heading{font-size:1.25rem;font-weight:700;color:#fff;margin:.5rem 0}.email-description{color:#adb7be;margin-bottom:1rem;max-width:40rem}.socials{display:flex;gap:.5rem}.email-form-container{justify-content:center}.email-form,.email-form-container{display:flex;flex-direction:column}.email-form .email-success-message{color:#10b981;font-size:.875rem;margin-top:.5rem}.email-form .form-group{margin-bottom:1.5rem}.email-form label{display:block;color:#fff;margin-bottom:.5rem;font-size:.875rem;font-weight:medium}.email-form input,.email-form textarea{background:#18191e;border:1px solid #33353f;color:#f3f4f6;border-radius:.375rem;padding:.625rem;width:100%}.email-form .email-send-button{background-color:#a855f7;color:#fff;font-weight:medium;padding:.625rem 1.25rem;border-radius:.375rem;width:100%}.hero-section{padding-top:4rem;padding-bottom:4rem}.hero-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.hero-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.hero-text-container{grid-column:span 8/span 8;text-align:center;justify-self:center}@media (min-width:640px){.hero-text-container{text-align:left;justify-self:start}}.hero-heading{color:#fff;margin-bottom:1rem;font-size:2.25rem;font-weight:800}@media (min-width:640px){.hero-heading{font-size:3rem}}@media (min-width:1024px){.hero-heading{font-size:6rem;line-height:1}}.text-gradient{color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,#7a04eb,#fe75fe)}.hero-subheading{color:#adb7be;font-size:1rem;margin-bottom:1.5rem}@media (min-width:640px){.hero-subheading{font-size:1.125rem}}@media (min-width:1024px){.hero-subheading{font-size:1.25rem}}.hero-button{padding:.75rem 1.5rem;border-radius:9999px;background-image:linear-gradient(to bottom right,#7a04eb,#fe75fe);color:#fff;display:inline-block;width:100%;margin-right:1rem}@media (min-width:640px){.hero-button{width:auto}}.hero-button:hover{color:#cbd5e1}.cv-button{padding:.25rem .5rem;display:inline-block;width:100%;border-radius:9999px;background-image:linear-gradient(to bottom right,#7a04eb,#fe75fe);color:#fff;margin-top:.75rem;transition:background-color .3s}.cv-button:hover{background-color:#718096}@media (min-width:640px){.cv-button{width:-moz-fit-content;width:fit-content}}.download-cv{display:block;background-color:#121212;border-radius:9999px;padding:.5rem 1.25rem}.download-cv:hover{background-color:#1e293b}.hero-image-container{grid-column:span 4/span 4;margin-top:1rem;place-self:center}@media (min-width:1024px){.hero-image-container{margin-top:0}}.hero-profile-picture{border-radius:9999px;background-color:#181818;width:250px;height:250px;position:relative}@media (min-width:1024px){.hero-profile-picture{width:400px;height:400px}}.hero-profile-image{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}.navlink{display:block;padding-top:.5rem;padding-bottom:.5rem;padding-inline:1rem;color:#adb7be;border-radius:.25rem}.navlink:hover{color:#fff}@media (min-width:640px){.navlink{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.navlink{padding:0}}.menu-overlay{display:flex;flex-direction:column;padding-top:1rem;padding-bottom:1rem;align-items:center}.navbar{position:fixed;width:100%;top:0;left:0;right:0;background:#121212;z-index:50;border-bottom:1px solid #33353f}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.navbar-brand{display:flex;align-items:center;font-size:1.5rem;color:#fff;text-decoration:none;font-weight:700}.navbar-logo{border-radius:50%;display:inline;margin-right:8px;width:8vw;max-width:100px}.navbar-title{font-size:1.5rem}.mobile-menu{display:block}@media (min-width:768px){.mobile-menu{display:none}}.menu-toggle{display:flex;align-items:center;padding:6px 12px;border:1px solid #ddd;border-radius:4px;color:#ddd;background:none}.menu-toggle:hover{color:#fff;border-color:#fff}.icon{height:20px;width:20px}.menu{display:none}.menu-list{display:flex;padding:0;margin:0;list-style:none}.menu-item{margin-right:32px}@media (min-width:768px){.menu{display:block}.mobile-menu{display:none}}.project-card{background-color:#181818;border-radius:1rem}.project-card-image{height:13rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem;position:relative;background-size:contain;background-repeat:no-repeat;background-position:50%}@media (min-width:768px){.project-card-image{height:18rem}}.project-card-overlay{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,9%,0);transition:all .5s ease;opacity:0}.project-card:hover .project-card-overlay{background-color:hsla(0,0%,9%,.8);opacity:1}.project-card-link{height:3.5rem;width:3.5rem;border:2px solid #adb7be;border-radius:50%;position:relative;margin-right:.5rem}.project-card-link:hover{border-color:#fff}.project-card-icon{height:2.5rem;width:2.5rem;color:#adb7be;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.project-card-icon:hover{color:#fff}.project-card-content{color:#fff;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;padding:1.5rem;background-color:#181818}.project-card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.project-card-description{color:#adb7be}.project-tag{border-radius:9999px;border-style:solid;border-width:2px;padding:.75rem 1.5rem;font-size:1.25rem;cursor:pointer}.project-tag-default{color:#adb7be;border-color:#718096}.project-tag-default:hover{border-color:#fff}.project-tag-selected{color:#fff;border-color:#3b82f6}.projects-title{font-size:2rem;font-weight:700;color:#fff;margin-top:1rem;margin-bottom:2rem}.projects-tags{color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem}.projects-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (orientation:portrait){.projects-container{text-align:center}}.footer{border-top:1px solid #33353f;border-left:transparent;border-right:transparent;position:relative;z-index:10}.footer-container{padding:1rem;display:flex;justify-content:space-between;align-items:flex-end;max-width:100%;margin:auto}.footer-logo{border-radius:50%;width:8vw;max-width:100px}.footer-text{color:#9ca2a9}