:root{--black: #0c0c0c;--white: #dfdfdf;--white-pinkish: #edc9f8;--gray-light: #c2c2c2;--purple-dark: #29175A;--purple-light: #53308E;--pink: #b076c2;--background: #221858}html{scroll-behavior:smooth;scroll-padding-top:9rem}body{margin:0;padding:0;background-color:var(--background);color:var(--white);font-family:Roboto,sans-serif}button{font-family:Roboto,sans-serif}header{position:fixed;left:2rem;right:2rem;top:2rem;height:5rem;border-radius:20px;border:1px solid var(--purple-light);box-shadow:0 0 12px var(--pink);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 2rem;z-index:9001;background-image:linear-gradient(135deg,var(--purple-dark),var(--purple-light),var(--purple-dark));background-size:180%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(max-width:360px){.header-title{font-size:1.2rem!important}.nav-mobile-toggle-icon{width:1.2rem!important;height:1.2rem!important}}@media(max-width:800px){.nav-desktop{display:none!important}.nav-mobile{display:flex!important}.nav-mobile-toggle-button{display:block!important}}.header-title{font-size:1.6rem;font-weight:700;cursor:pointer;transition:all .2s ease}.header-title:hover{font-size:1.62rem;color:var(--white-pinkish)}.nav-desktop{display:flex}.nav-mobile{visibility:hidden;display:none;flex-direction:column;gap:2.5rem;position:fixed;inset:0;background-color:#000000d9;padding-top:12rem;justify-content:flex-start;align-items:center;text-align:center}.nav-mobile.is-open{visibility:visible;display:flex}.nav-mobile-toggle-button{display:none;background-color:transparent;border:none;cursor:pointer;z-index:9001}.nav-mobile-toggle-icon{width:1.8rem;height:1.8rem;color:var(--white)}.nav-items{display:flex;flex-direction:row;gap:1.5rem}.nav-item{font-weight:600;cursor:pointer;color:var(--white);text-decoration:none;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:1rem;transition:transform .2s ease,color .2s ease}.nav-item:hover{transform:translateY(-2px);color:var(--white-pinkish)}.nav-item.mobile{font-size:1.5rem}.svg-icon{padding-right:.33rem;height:1rem;width:1rem;transition:transform .2s ease,color .2s ease}.svg-icon.mobile{height:1.5rem;width:1.5rem;padding-right:1rem}.nav-item:hover .svg-icon{padding-right:.33rem;height:1.1rem;width:1.1rem}#intro{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:15rem 4rem 4rem;border-bottom:1px solid var(--pink);margin-bottom:8rem}@media(max-width:800px){#intro{flex-direction:column;gap:5rem;text-align:center}.intro-text-container{align-items:center!important}.intro-animation-container{margin:auto!important}}.intro-text-container{display:flex;flex-shrink:1;flex-grow:0;flex-direction:column;justify-content:center;align-items:start;gap:0}.intro-animation-container{display:flex;align-items:center;justify-content:center;flex:0 0 40%}@media(max-width:1200px){.intro-animation-container{flex:0 0 45%}}.intro-animation{width:100%}#intro h3{font-weight:400;color:var(--gray-light);padding:0;margin:0 0 2.5rem;font-size:1.4rem}.intro-name{color:var(--white-pinkish);font-size:3rem}#intro h1{margin:0;padding:0;line-height:170%;margin:0 0 1.5rem}#intro a{margin:0;padding:.75rem 1.5rem;background-color:var(--purple-dark);border:1px solid var(--pink);color:#fff;border-radius:2rem;cursor:pointer;font-size:1rem;text-decoration:none;transition:all .2s ease}#intro a:hover{background-color:var(--purple-light);font-weight:700;box-shadow:0 0 4px var(--pink);padding:.75rem 1.8rem}#intro p{margin:0 0 3.5rem;padding:0;color:#c2c2c2;font-size:1.2rem}.intro-background{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.section{margin-bottom:8rem;padding-left:8rem;padding-right:8rem}@media(max-width:1180px){.section{padding-left:4rem;padding-right:4rem}}@media(max-width:700px){.section{padding-left:2rem;padding-right:2rem}}.bold{font-weight:700}#about{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:5rem}@media(max-width:1050px){#about{flex-direction:column;gap:0rem}}.aboutme-text{flex:1 1 0;max-width:1000px}.aboutme-photo{border-radius:50%;width:256px;height:256px;margin:4rem auto 1.3rem;display:block;border:1px solid var(--pink);box-shadow:0 0 6px var(--pink)}.aboutme-label{text-align:center;margin:0 auto;color:var(--gray-light);font-size:.9rem}.work-cards{margin-top:2rem;display:flex;flex-direction:column;gap:2rem}.work-card{position:relative;border:1px solid var(--pink);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;text-align:center}.work-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.work-card-info{display:flex;flex-direction:column;padding:2rem;background-color:#000000d9;z-index:1;justify-content:center;align-items:center}.work-card-title{margin:0 0 .8rem;padding:0;font-size:1.4rem}.work-card-tags-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0 0 1.5rem;padding:0}.work-card-tag{background-color:var(--purple-light);padding:.2rem .8rem;border-radius:20px;margin:0;border:1px solid var(--pink);color:var(--white);font-size:.8rem}.work-card-body{margin:0 0 1.5rem;padding:0}.work-card-button{margin:0;padding:.75rem 1.5rem;background-color:var(--purple-dark);border:1px solid var(--pink);color:#fff;border-radius:2rem;cursor:pointer;font-size:.9rem;text-decoration:none;transition:all .2s ease}.work-card-button:hover{background-color:var(--purple-light);font-weight:700;box-shadow:0 0 4px var(--pink);padding:.75rem 1.8rem}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;flex-direction:column;z-index:9002}.modal-panel{background-color:var(--background);margin:4rem;padding:2rem;border:1px solid var(--pink);box-shadow:0 0 8px var(--pink);overflow:auto}@media(max-width:800px){.modal-panel{margin:2rem}}@media(max-width:500px){.modal-panel{padding:1.2rem}}.modal-panel-close-button{margin:0;padding:0;width:2rem;height:2rem;border-radius:50%;background-color:var(--white);color:var(--purple-dark);font-weight:700;border:none;position:absolute;font-size:1.2rem;transition:all .2s ease;cursor:pointer;top:4rem;right:4rem;transform:translate(50%,-50%)}.modal-panel-close-button:hover{font-size:1.3rem;background-color:var(--pink);width:2.2rem;height:2.2rem;color:var(--white-pinkish)}.markdown-wrapper h1{color:var(--white-pinkish)}.markdown-wrapper h2{font-size:1.3rem}.markdown-wrapper img{margin-left:auto;margin-right:auto}.skills-container{margin-top:2rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}.skill-tag{background-color:var(--purple-light);padding:.5rem 1.2rem;border-radius:20px;margin:0;border:1px solid var(--pink);color:var(--white);font-size:1rem}.resume-pdf-container{padding-top:.5rem;width:min(100%,900px);margin-inline:auto;aspect-ratio:210 / 274;overflow:hidden}.resume-pdf{width:100%;height:100%;border:none;display:block}.resume-title-container{display:flex;flex-direction:row;justify-content:start;align-items:end;gap:.5rem}.resume-download{color:var(--white-pinkish);text-decoration:underline;transition:all .2s ease;margin:1.6rem 0;font-size:.9rem;font-style:italic}.resume-download:hover{font-weight:700}.contact-card{background-image:linear-gradient(135deg,var(--purple-dark),var(--purple-light),var(--purple-dark));background-size:180%;animation:gradientShift 15s ease infinite;border-radius:12px;border:1px solid var(--pink);box-shadow:0 0 8px var(--pink);padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:fit-content;margin-left:auto;margin-right:auto}@media(max-width:400px){.contact-card{width:auto}}.contact-card h1{margin:.5rem 0 2rem;padding:0}.contact-card a{color:var(--white);text-decoration:none;border:none;outline:none}.contact-card-body{display:grid;grid-template-columns:repeat(3,240px);margin-bottom:0rem}@media(max-width:920px){.contact-card-body{grid-template-columns:1fr;grid-template-rows:repeat (3,1fr)}}.contact-card-element{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.contact-card-element:hover{border:1px solid pink;box-shadow:0 0 8px var(--pink);background-color:var(--purple-dark);font-weight:700}.contact-card-icon{height:5rem;width:5rem;margin:0;padding:0;margin-bottom:1rem;transition:all .2s ease;color:#1e1e1e}.contact-card-element:hover .contact-card-icon{height:6rem;width:6rem;margin-bottom:0;transform:translateY(-10px)}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--pink);padding:1.5rem 2rem;text-align:center;background-image:linear-gradient(135deg,var(--purple-dark),var(--purple-light),var(--purple-dark));background-size:180%;animation:gradientShift 15s ease infinite}footer p{margin:.5rem 0}@media(max-width:820px){footer{flex-direction:column}}footer a{color:var(--white);text-decoration:underline;transition:all .2s ease;color:var(--white-pinkish)}footer a:hover{font-weight:700}