header + div {
    background-color: rgb(27, 28, 34);
}

.groups-outer-container {
    max-width: 1600px;
}

.groups-card-container {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 48px;
}

.group-card-container {
    max-width: 400px;
}

.groups-header-title h1 {
    color: white;
}

.groups-content-sharing-container h2 {
    color: white;
}

.groups-header-container {
    border-color: rgb(0, 171, 255);
}

.groups-content-sharing-container {
    border-color: rgb(0, 171, 255);
}

.groups-content-sharing-details p {
    color: #ffd84d;
}

.groups-content-sharing-container button {
    margin-top: 16px;
    margin-bottom: 8px;
}


.group-card-content {
    background: #272831;
}

.group-card-player-badges div {
    border-color: #272831;
}

.group-card-content h6  {
    color: white;
}

.group-card-body  {
    color: white;
    margin-bottom: 8px;
}

.group-card-subtitle {
    color: gray !important;
}

.group-card-title h6 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 8px;
}