*,:before,:after{box-sizing:border-box;margin:0;padding:0}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}html{scroll-behavior:smooth}body{background-color:#d7ebf7;font-family:Playfair Display,serif;font-size:20px}h1{font-size:3.2em;line-height:1.1}.page{flex-direction:column;gap:2rem;display:flex}.header-section{-webkit-mask:linear-gradient(#0000,#fff 10%);background-color:#8bdbf6;flex-direction:column;display:flex;-webkit-mask:linear-gradient(#0000,#fff 20%);mask:linear-gradient(#0000,#fff 20%)}header{z-index:1;background-color:#8bdbf6;justify-content:space-between;align-items:center;margin:0;padding:20px;display:flex;position:relative}.gold-line{background-color:#8bdbf6;background-position:50%;background-size:100%;width:80%;height:110px;margin:0 auto;overflow:hidden}.sparkle{margin-right:5px;font-size:xx-large;animation:.5s infinite sparkle}.name{pointer-events:none;color:#0000;text-shadow:2px 2px 4px #00000080;-webkit-text-stroke:1px #0006;background:linear-gradient(90deg,ivory,#000,ivory) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Playfair Display;font-size:35px;animation:3s linear infinite sparkle}@keyframes sparkle{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.navbar{gap:3rem;list-style:none;display:flex}.navbar-item{cursor:pointer;width:max-content;font-size:20px;position:relative}.navbar-item a{color:#000;font-weight:600;text-decoration:none}.section-container{gap:3rem;width:100%;max-width:1536px;padding:0;display:flex}.section-heading{align-items:center;margin-bottom:20px;display:flex}#intro-section{-webkit-mask:linear-gradient(#fff 80%,#0000);background:linear-gradient(#8bdbf6 100%,#0000 0%);justify-content:center;align-items:center;max-width:100%;margin:0;padding-top:0;padding-bottom:100px;-webkit-mask:linear-gradient(#fff 90%,#0000);mask:linear-gradient(#fff 90%,#0000)}#intro-content{justify-content:center;align-items:center;margin:0;padding:0}.intro-text-container{width:60%}.intro-title{text-shadow:2px 2px 5px #0000ff80;color:#04c;background:radial-gradient(circle,#a5dff2,#0000);border-radius:5px;height:100px;padding:5px;font-family:Playfair Display;font-size:50px;font-weight:400}#intro-name{height:1.5em;font-size:50px}#role{white-space:nowrap;font-size:44px}.intro-text{align-items:center;gap:.25rem;height:fit-content;margin:0;font-size:18px;display:flex}.pfp{object-fit:cover;object-position:center top;opacity:1;background:0 0;width:450px;height:350px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%)}.section-header{text-align:left;color:#333;padding:20px;font-size:2rem;font-weight:700}.footer-icons{gap:1rem;display:flex}.contact-icon img{border-radius:50%;width:50px;height:50px;transition:transform .2s}.contact-icon img:hover{transform:scale(1.1)}@media (width<=1536px){.section-container{max-width:1280px}.intro-title{height:90px;font-size:50px}#intro-name{font-size:50px}.intro-text{font-size:18px}@media (width<=1280px){h2{font-size:42px}.section-container{max-width:1024px}.intro-text{font-size:14px}.intro-title{height:70px;font-size:40px}#role{font-size:36px}#intro-name{height:50px;font-size:40px}}@media (width<=1024px){.section-container{max-width:768px}.intro-title{height:45px;font-size:25px}#role{font-size:25px}#intro-name{height:45px;font-size:30px}.intro-text{font-size:12px}header .navbar{display:none}}@media (width<=768px){.section-container{max-width:640px}.image-card{max-height:300px}.pfp{width:200px;height:200px}}@media (width<=640px){.section-container{max-width:475px}#intro-content{flex-direction:column;align-items:center}.intro-text-container{order:1;min-width:100%;padding-left:30px}#intro-pfp{order:2;width:200px;height:200px}}@media (width<=475px){.section-container:not(#intro-section){max-width:100%;padding:0 2rem}#intro-section{padding-bottom:50px}.intro-text-container{padding:0}.name{font-size:22px}.intro-title{height:45px;font-size:21px}#role{font-size:20px}#intro-pfp{order:2;width:300px;height:300px}.section-header{font-size:1.5rem}.contact-icon img{width:40px;height:40px}}}