/* About Section */
.about {
    padding: 4rem 2rem;
    text-align: center;
}

.skills {
    max-width: 600px;
    margin: 2rem auto;
}

.skill-bar {
    margin-bottom: 1rem;
    text-align: left;
}

.skill-bar span {
    display: block;
    margin-bottom: 0.5rem;
}

.bar {
    background: var(--accent-color);
    height: 10px;
    border-radius: 5px;
}

.fill {
    background: var(--bar-fill);
    height: 100%;
    border-radius: 5px;
    transition: width 1s ease-in-out;
}

.chart-container {
    max-width: 600px;
    margin: 2rem auto;
}