#about 
{
    padding: 40px 20px;
}

.about-container 
{
    display: flex;
    gap: 30px;
    align-items: center;
    flex-wrap: wrap; 
}

img.about-photo
{
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 12px;
    border: 2px solid var(--accent);
}

.about-text 
{
    flex: 1;
    min-width: 250px;
}

#about a 
{
    color: var(--link);
    text-decoration: none;
    font-weight: 600;

    position: relative;
    transition: all 0.2s ease;
}
#about a:hover 
{
    color: var(--accent-soft);
}