Leaderboard {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	pointer-events: none;

	.board {
		flex-direction: column;
		width: 420px;
		margin: 20px;
		padding: 16px;
		background-color: rgba(0, 0, 0, 0.75);
		border-radius: 8px;
	}

	.title {
		font-family: GraffitiCity;
		color: white;
		font-size: 44px;
		text-stroke: 4px black;
		margin-bottom: 12px;
		align-self: center;
		text-transform: lowercase;
	}

	.row {
		flex-direction: row;
		font-family: Bahnschrift;
		color: white;
		font-size: 26px;
		padding: 6px 4px;
		text-shadow: 2px 2px 4px #000000;

		.rank {
			width: 50px;
			color: rgba(255, 255, 255, 0.6);
		}

		.name {
			flex-grow: 1;
		}

		.value {
			margin-left: 12px;
		}

		&.me {
			color: #ffd23f;
		}

		&.empty .name {
			color: rgba(255, 255, 255, 0.5);
		}
	}
}