@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#121212;color:#fff;font-family:DM Sans,sans-serif}body,html{font-family:Quicksand,sans-serif;margin:0;scroll-behavior:smooth}.pastel-blue{background-color:#e7f0fd;color:#2a2a2a}.dark.pastel-blue{background-color:#1e2a38;color:#e0f0ff}.navbar{background:#2e4364e6;color:#fff;display:flex;flex-wrap:wrap;font-weight:600;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-right span{cursor:pointer;margin:0 1rem;transition:color .3s}.nav-right span.active{border-bottom:2px solid #76c0ff}.toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem}.section{padding:1.5rem 2rem}.nav-toggle{cursor:pointer;display:none;font-size:1.5rem}@media (max-width:768px){.navbar{flex-wrap:wrap}.nav-toggle{display:block}.nav-right{background:#2e4364f2;display:none;flex-direction:column;padding:1rem;width:100%}.nav-right.open{display:flex}.nav-right span{margin:.5rem 0}.toggle{margin-top:.5rem}}.hero{background-color:#f2f3fc;font-family:Quicksand,sans-serif;padding:4rem 2rem 0;text-align:center}.hero.dark{background-color:#1e2a38;color:#e0f0ff}.hero-content.column{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:auto;max-width:800px}.profile-pic-wrapper{height:260px;width:260px}.profile-pic{border:5px solid #8e7cff;border-radius:50%;height:100%;object-fit:cover;width:100%}.hero.dark .profile-pic{border-color:#a49aff}.hero-name{font-size:2.6rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem}.hero-subtitle{color:#555;font-size:1.4rem;margin-bottom:2rem}.hero.dark .hero-subtitle{color:#ccc}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.resume-btn{background-color:#6b5bff;font-size:1rem;padding:.8rem 1.6rem}.hero.dark .resume-btn{background-color:#8e7cff}.hero-buttons a i{background-color:#fff;border-radius:999px;color:#6b5bff;font-size:1.4rem;padding:.6rem;transition:background .3s,transform .2s}.hero-buttons a:hover i,.resume-btn:hover{background-color:#5a4dea;color:#fff;transform:scale(1.05)}.about-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;margin:auto;max-width:1100px}.about-left{flex:1 1;min-width:300px}.about-right{flex:1 1;min-width:280px}.carousel-container{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:320px}.carousel-img{aspect-ratio:1/1;border-radius:10px;box-shadow:0 4px 8px #0003;object-fit:cover;width:100%}.carousel-controls{display:flex;gap:1rem}.carousel-controls button{background-color:#6b5bff;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;transition:background .3s ease;width:36px}.carousel-controls button:hover{background-color:#5a4dea}.experience-wrapper{margin:0 auto;max-width:1100px;padding:2rem}.experience-header-inline{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-start;margin-bottom:2rem}.experience-header-inline h2{font-size:2rem;margin:0}.resume-btn{background-color:#8e7cff;border-radius:999px;color:#fff;font-weight:600;padding:.6rem 1.2rem;text-decoration:none;transition:background .3s}.resume-btn:hover{background-color:#a49aff}.experience-cards{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.education-card,.work-card{flex:1 1;min-width:300px}.card-item{background-color:#ffffff0d;border-radius:10px;box-shadow:0 4px 10px #0003;margin-bottom:1.5rem;padding:1rem 1.25rem}.card-item:hover{box-shadow:0 6px 16px #0000004d;transform:translateY(-4px) scale(1.02)}.card-item h4{font-size:1.1rem;margin:0}.card-sub{color:#909090;font-size:.95rem;font-style:italic;margin-bottom:.25rem;margin-top:.25rem}.card-item ul{line-height:1.6;margin:.5rem 0 0;padding-left:1.2rem}.experience-skills{margin-top:2rem}.skill-group{margin-bottom:2rem}.skill-group h3{font-size:1.1rem;margin-bottom:1rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.6rem}.skill-badge{background-color:#6fa2e9;border-radius:999px;color:#fff;font-weight:600;padding:.5rem 1rem;transition:background .3s,color .3s;white-space:nowrap}.skill-badge:hover{background-color:#8e7cff;color:#fff}.pastel-blue .skill-badge{color:#cfcfcf}.pastel-blue .skill-badge:hover{background-color:#8e7cff;color:#fff}.uiuc-gradient{background:linear-gradient(90deg,#3178e1,#ff552e);-webkit-background-clip:text}.chula-gradient,.uiuc-gradient{-webkit-text-fill-color:#0000;font-weight:700}.chula-gradient{background:linear-gradient(90deg,#d62e88,#ed9bcf);-webkit-background-clip:text}.projects-wrapper{margin:0 auto;max-width:1100px;padding:2rem}.section-title{font-size:2rem;margin:0}.section-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.section-subtitle{font-size:1rem;margin:0}.projects-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-items:center}.project-card{background-color:#3f567b;border:1px solid #ccc;border-radius:12px;box-sizing:border-box;flex:1 1 300px;max-width:350px;min-width:250px;padding:2rem 1.5rem;transition:transform .2s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 8px 20px #00000040;transform:translateY(-6px)}.project-link{align-items:center;color:inherit;display:flex;flex-direction:column;text-decoration:none}.project-image-wrapper{height:120px;margin-bottom:1rem}.project-image{max-height:100%;max-width:100%;object-fit:contain}.project-name{color:#fff;font-size:1.2rem;font-weight:600;margin:.5rem 0}.project-description{color:#ccc;font-size:.95rem;line-height:1.4}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.tech-badge{background-color:#334155;border-radius:999px;color:#cbd5e1;font-size:.75rem;font-weight:500;padding:.3rem .6rem}.contact{padding:2rem;text-align:center}.contact-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.contact-buttons a{align-items:center;background-color:#fff;border-radius:999px;color:#7c3aed;display:flex;font-size:20px;height:48px;justify-content:center;text-decoration:none;transition:transform .2s ease;width:48px}.contact-buttons a:hover{transform:scale(1.1)}
/*# sourceMappingURL=main.30469a74.css.map*/