@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&display=swap";:root{--bg-color:#f8f9fc;--text-color:#3f3f3f;--primary-color:#9b5de5;--secondary-color:#c8a6f3;--tertiary-color:#4c2977;--color-accent:#c39af3;--section-light:#fafafa;--section-soft:#f4eefa;--font-title:"Outfit", sans-serif;--font-text:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:var(--font-text);background-color:var(--section-light);justify-content:center;align-items:center;display:flex}#root{background:linear-gradient(var(--bg-color),#9846e50d);border-radius:10px;width:380px;overflow:hidden;box-shadow:0 7px 29px #64646f33}header{background-color:var(--tertiary-color);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}header img{object-fit:cover;border:4px solid #fff;border-radius:50%;width:150px;height:150px;margin-bottom:1rem;box-shadow:0 7px 29px #64646f33}.header__title{font-family:var(--font-title);color:#fff;font-size:1.8rem}.header__subtitle{color:var(--section-soft);opacity:.85;font-size:1rem}.header__tech{gap:1rem;margin-bottom:1rem;display:flex}.header__tech span{border-radius:5px;padding:.2rem .4rem;font-size:.7rem;font-weight:600}.tech__html{color:#fff;background-color:#e34c26}.tech__css{color:#fff;background-color:#7e57c2}.tech__js{background-color:#f7df1e}.tech__react{color:#fff;background-color:#087a9f}.contact-links{gap:1rem;display:flex}.contact-links a{justify-content:center;align-items:center;text-decoration:none;display:flex}.contact__btn{background-color:var(--primary-color);color:#fff;border-radius:50%;padding:.6rem}.contact__btn:hover{background-color:var(--color-accent);transition:background-color .2s}section{flex-direction:column;padding:1.5rem;display:flex}.section__about,.section__interests{margin-bottom:1rem}.section__title{font-family:var(--font-title);color:var(--color-links);margin-bottom:1rem;font-size:1.3rem}.section__text{font-family:var(--font-text);color:var(--text-color);text-wrap:balance;margin-bottom:2rem;font-size:.9rem;line-height:1.5}footer{background-color:var(--tertiary-color);justify-content:center;align-items:center;padding:1.5rem;display:flex}.footer__social{gap:1.5rem;display:flex}.footer__social a{color:#fff;text-decoration:none}.footer__social a:hover svg{color:var(--primary-color);transition:color .2s}