#leaderboards {
	position: absolute;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	background-color: var(--bg);
	/*padding: 0px;*/
	border: var(--border) solid 2px;
	display: flex;
	flex-direction: column;
	z-index: 3;
	border-radius: var(--roundness);
	max-width: none;
	max-height: none;
}

#leaderboards > .title {
	display: flex;
	justify-content: center;
}

#leaderboards > .group-header {
	display: flex;
	justify-content: center;
}

#leaderboard {
	/* margin:20px; */
	overflow-y: auto;
	flex: 1;
}

#leaderboard-title {
  text-align: center;
  font-size: 1.5em;
  /* font-weight: bold; */
  margin: 10px;
}

.leaderboard-modes {
	padding:20px;
	padding-top: 0px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.leaderboard-modes > a {
	padding: 8px;
	border: var(--border) solid 2px;
	background-color: var(--bg);
	color: var(--accentActive);
	cursor: pointer;
}

.leaderboard-modes > span {
	padding: 8px;
	border: var(--border) solid 2px;
	background-color: var(--bg);
}

#leaderboard-content .profile-link {
  color: var(--border);
  text-decoration: none;
}