:root {
    --color-yellow: rgb(236, 188, 53);
    --color-primary: #333333;
}

body {
    background-color: #222222;
    color: white;
}
.profile-header {
    background-image: url("header.png");
}

.profile-info__username {
    color: var(--color-yellow);
}

.profile-info__bio {
    color: #888888;
}

.profile-info__username {
    color: var(--color-yellow);
}

a.profile-info__powered-logo {
    background-color: white;
}

.hub-card__content {
    background-color: black;
}

.hub-card__title {
    color: var(--color-yellow);
}

.hub-card__description {
    color: white;
}

.expertise-content-wrapper {
    background-color: black;
}

.site-footer {
    background-color: black;
}

.expertise-card__header--active .expertise-card__icon {
    background-color: var(--color-yellow);
}

.expertise-card__header--active, .expertise-card__button {

    color: var(--color-yellow);
}

.expertise-card__feature::before {
    background-color: silver;
}

.expertise-card__button-icon {
    background-color: var(--color-yellow);
}

.expertise-card__button {
    border: 2px solid silver;
}

.expertise-card__button:hover {
    background-color: #555555;
}