:root {
    --hero-banner-width: 650px;
    --quote-background-color: var(--color-lime);
    --quote-foreground-color: var(--color-dark-green);
}

.bio {
    background: rgb(var(--color-mist));
    color: #005740;
    border-top: 3px solid #00B742;
    border-radius: 0px;
    padding: 3rem 0 4rem 0;
}

.bio__heading {
    gap: 0.75rem
}

.bio__tag, .bio__phone, .bio__title, .bio__email, .bio__function {
    color: #005740;
}

    .bio__tag > a {
        color: #005740;
    }
.bio__function {
    margin-bottom: 0;
}

.bio__tag {
    border: 1px solid #005740;
}