.main-about{width:98%;min-height:90vh;margin:auto;border:var(--border-width) solid var(--color-accent-primary);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%);display:flex;flex-direction:column;justify-content:space-evenly;gap:var(--space-2xl);padding:var(--space-lg);box-sizing:border-box;box-shadow:inset 0 0 30px #cec1121a,0 0 30px #00000080}@media (max-width: 992px){.main-about{gap:var(--space-xl);min-height:auto}}@media (max-width: 768px){.main-about{gap:var(--space-lg);padding:var(--space-md);min-height:80vh}}@media (max-width: 576px){.main-about{gap:var(--space-md);padding:var(--space-sm)}}.about_skills{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.about_skills-title{margin:auto;font-size:var(--font-size-3xl);background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-light) 100%,var(--color-accent-primary) 200%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold);letter-spacing:1px}.about_skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-lg);padding:var(--space-lg);place-items:center}.about_skills-items{width:96px;min-height:110px;overflow:hidden;transition:var(--transition-normal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);border-radius:var(--border-radius-lg);padding:var(--space-sm)}.about_skills-items:hover{transform:translateY(-8px) scale(1.05)}.about_skills-items:focus-within{outline:2px solid var(--color-accent-primary);outline-offset:2px}.skill-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.skill-label{font-size:var(--font-size-sm);color:var(--color-accent-light);text-align:center;transition:var(--transition-normal)}.about_skills-items>.icons>img,.about_skills-items>.skill-icon>img,.about_skills-items>.skill-icon>svg{padding:2px;width:100%;height:100%;transition:var(--transition-normal)}.about_skills-items:hover>.skill-icon>img,.about_skills-items:hover>.skill-icon>svg,.about_skills-items:hover>.icons>img{filter:brightness(1.2) drop-shadow(0 0 8px rgba(206,193,18,.5))}@media (prefers-reduced-motion: reduce){.about_skills-items{transition:none}.about_skills-items>.skill-icon>img,.about_skills-items>.skill-icon>svg{transition:none}}@media (max-width: 992px){.about_skills-title{font-size:var(--font-size-2xl)}.about_skills-container{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-md);padding:var(--space-md)}}@media (max-width: 768px){.about_skills-title{font-size:var(--font-size-xl)}.about_skills-container{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:var(--space-md);padding:var(--space-md)}.about_skills-items{width:70px;min-height:90px}.skill-icon{width:40px;height:40px}}.description-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--space-lg)}.description-title{margin:auto;font-size:var(--font-size-3xl);background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-light) 100%,var(--color-accent-primary) 200%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold);letter-spacing:1px}.description-text{color:var(--color-accent-light);padding:0 var(--space-md);font-size:var(--font-size-lg);line-height:var(--line-height-normal);text-align:start;transition:var(--transition-normal)}.description-text:focus-within{color:var(--color-accent-primary)}@media (prefers-reduced-motion: reduce){.description-text{transition:none}}@media (min-width: 1600px){.description-text{font-size:var(--font-size-2xl)}.description-title{font-size:var(--font-size-4xl)}}@media (max-width: 992px){.description-title{font-size:var(--font-size-2xl)}.description-text{font-size:var(--font-size-md)}}@media (max-width: 768px){.description-container{gap:var(--space-md)}.description-title{font-size:var(--font-size-xl)}.description-text{font-size:var(--font-size-sm);padding:0 var(--space-sm)}}
