.about-container.svelte-x0p67j{max-width:1200px;margin:0 auto;padding:30px 20px}@media (min-width: 768px){.about-container.svelte-x0p67j{padding:60px 20px}}.about-title.svelte-x0p67j{font-size:36px;font-weight:300;margin-bottom:30px;text-align:center}@media (min-width: 768px){.about-title.svelte-x0p67j{font-size:48px;margin-bottom:40px}}.info-grid.svelte-x0p67j{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:30px}@media (min-width: 768px){.info-grid.svelte-x0p67j{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}}.info-item.svelte-x0p67j{text-align:center;padding:15px;border-radius:10px;background-color:#f8f8f8}.info-item.svelte-x0p67j h3:where(.svelte-x0p67j){font-size:18px;font-weight:600;margin-bottom:5px}.info-item.svelte-x0p67j p:where(.svelte-x0p67j){font-size:16px;color:#666}.info-item.svelte-x0p67j a:where(.svelte-x0p67j){font-size:16px;color:#3498db}.about-content.svelte-x0p67j{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:30px}.about-content.svelte-x0p67j .about-image:where(.svelte-x0p67j){width:100%;max-width:250px;margin:0 auto}.about-content.svelte-x0p67j .about-image:where(.svelte-x0p67j) img:where(.svelte-x0p67j){width:100%;height:auto;border-radius:10px;display:block}.about-content.svelte-x0p67j .about-text:where(.svelte-x0p67j) p:where(.svelte-x0p67j){font-size:16px;line-height:1.6;margin-bottom:15px}@media screen and (min-width: 768px){.about-content.svelte-x0p67j{grid-template-columns:300px 1fr;gap:60px;margin-bottom:40px}.about-content.svelte-x0p67j .about-image:where(.svelte-x0p67j){max-width:300px;margin:0}.about-content.svelte-x0p67j .about-text:where(.svelte-x0p67j) p:where(.svelte-x0p67j){font-size:18px;margin-bottom:20px}}.skills-section.svelte-x0p67j{max-width:800px;margin:0 auto;padding:30px 0}@media (min-width: 768px){.skills-section.svelte-x0p67j{padding:60px 20px}}.skills-title.svelte-x0p67j{font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.skills-icons.svelte-x0p67j{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}@media (min-width: 768px){.skills-icons.svelte-x0p67j{gap:20px}}.skills-icons.svelte-x0p67j i:where(.svelte-x0p67j){font-size:36px;transition:color .3s ease}@media (min-width: 768px){.skills-icons.svelte-x0p67j i:where(.svelte-x0p67j){font-size:48px}}.skills-icons.svelte-x0p67j i:where(.svelte-x0p67j):hover{color:#333}