.whos-online-heading {
	color: var(--accent-color);
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.031rem;
	width: 100%;
}

.whos-online-description {
	display: flex;
	grid-gap: var(--10px);
	text-transform: uppercase;
	margin-bottom: var(--10px);
}

.whos-online-wrapper {
	grid-template-areas: "online online online wasonline wasonline wasonline" "goal goal goal marathon marathon marathon" "away away quotes quotes sisters sisters" "stats stats stats stats stats stats";
	grid-gap: 3.125rem 1.875rem;
}

.whos-online-wrapper > div:first-child {
	grid-area: online;
}

.whos-online-wrapper > div:nth-child(2) {
	grid-area: wasonline;
}

.whos-online-wrapper > div:nth-child(3) {
	grid-area: goal;
}

.whos-online-wrapper > div:nth-child(4) {
	grid-area: marathon;
}

.whos-online-wrapper > div:nth-child(5) {
	grid-area: away;
}

.whos-online-wrapper > div:nth-child(6) {
	grid-area: quotes;
}

.whos-online-wrapper > div:nth-child(7) {
	grid-area: sisters;
}

.whos-online-wrapper > div:nth-child(8) {
	grid-area: stats;
	display: flex;
	justify-content: space-between;
	font-size: 0.688rem;
	text-transform: uppercase;
	letter-spacing: 0.094rem;
}

.whos-online-wrapper > div:nth-child(8) > div span:first-child {
  color: var(--accent-color);
  font-weight: 600;
}

.whos-online-wrapper > div:nth-child(8) > div span:last-child {
  color: var(--text-color);
  font-style: italic;
  opacity: 0.8;
  text-transform: uppercase;
  letter-spacing: 0.063rem;
}

.whos-online-wrapper > div:nth-child(8) > div span:last-child a {
  color: var(--text-color);
}

.whos-online-members {
  height: 6.25rem;
  overflow: auto;
  color: var(--text-color-lighter);
	text-align: justify;
}

.whos-online-members a {
  font-size: 0.688rem;
}

.whos-online-description > div {
	background-color: var(--background-color-less-opacity);
	padding: var(--5px) var(--20px);
	font-size: 0.563rem;
}

.whos-online-sisters > a {
  font-size: 25px;
  padding: var(--5px);
}