@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Playwrite+VN+Guides&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--background:#f7fbff;--text:#4a4a4a;--accent:#8fb6e6;--border-radius:16px;--icon-size:25px;--max-width:1100px;--transition:.2s ease}h1,h2,h3{font-weight:400}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--text);font-family:Open Sans,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.hero-links img,.skill img,.footer img{width:var(--icon-size);height:var(--icon-size);transition:transform .2s,opacity .2s}.hero-links img:hover,.skill img:hover,.footer img:hover{opacity:.8;transform:translateY(-3px)}main{width:min(1100px,90%);margin:0 auto}section{text-align:center}section h2{margin-bottom:10px;font-size:18px;font-weight:400;text-decoration:overline}a{color:inherit;text-underline-offset:4px;text-decoration:underline;transition:opacity .2s}a:hover{opacity:.7}.hero-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:65px;display:flex}.hero-introduction{padding-bottom:10px;font-size:30px}.hero-introduction-name{padding-bottom:60px;font-family:Playwrite VN Guides,cursive;font-size:40px}.hero-image img{object-fit:cover;border-radius:50%;width:160px;height:160px}.hero-title{padding-top:30px;font-size:25px;font-weight:400}.hero-subtitle{font-size:15px}.hero-description{max-width:600px;padding-top:30px;font-size:15px}.hero-role{padding-top:30px;font-size:18px}.hero-links{justify-content:center;gap:15px;margin-top:15px;display:flex}.skillset{padding:10px 100px 60px}.skillset h2{margin-top:60px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(40px,1fr));justify-items:center;gap:25px;margin-top:20px;display:grid}.skill{flex-direction:column;align-items:center;gap:10px;display:flex}.skill p{font-size:10px}.project{max-width:650px;margin:0 auto;padding:10px 0}.project:not(:last-child){border-bottom:1px solid #e6e6e6}.project h3{font-size:16px;font-weight:400}.project-description{font-size:13px}.project-technologies{margin-bottom:10px;font-size:10px}.project-links,.project-links a{font-size:13px}.education{margin-top:50px}.education-item{max-width:150px;margin:0 auto}.education-item h3{margin-top:10px;font-size:16px;font-weight:500}.education-details{margin-bottom:10px;font-size:10px}.about{padding:60px 0}.about-content{max-width:650px;margin:0 auto;font-size:14px}.about-content p{line-height:1.8}.about-content p:first-child{margin-bottom:24px}.contact{padding:20px 0}.contact-text{max-width:500px;margin:0 auto;font-size:14px;line-height:1.8}.contact-email{font-size:14px}.footer{text-align:center;padding:60px 0;font-size:12px}.footer p{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.footer a{align-items:center;gap:8px;display:flex}.footer img{width:20px;height:20px}@media (width<=768px){main{width:92%}.hero-container{min-height:auto;padding:50px 0 80px}.hero-introduction{font-size:24px}.hero-introduction-name{padding-bottom:40px;font-size:32px}.hero-image img{width:140px;height:140px}.hero-title{font-size:22px}.hero-description{max-width:100%;font-size:14px}.hero-role{font-size:16px}.skillset{padding:20px 0 60px}.skills-grid{grid-template-columns:repeat(4,1fr);gap:24px 16px}.about-content,.contact-text,.project{max-width:100%}}@media (width<=480px){.hero-introduction-name{font-size:28px}.hero-title{font-size:20px}.hero-subtitle,.hero-description{font-size:13px}.hero-role{font-size:14px}.skills-grid{grid-template-columns:repeat(3,1fr)}.about-content,.contact-text{font-size:13px}.footer p{flex-direction:column}}