ui/leaderboardselect.razor.scss
LeaderBoardSelect
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("images/menubackground.png");
	background-size: cover;
	background-position: center;
	pointer-events: all;
	color: white;
	font-family: GrotesqueNo9T;
	font-size: 64px;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	transition: opacity .5s ease;

	> h2 {
		font-size: 128px;
		font-weight: bolder;
		text-stroke: 16px black;
		text-decoration: underline;
	}

	> .options {
		flex-direction: column;
		align-items: center;
		gap: 16px;

		> .button {
			background-color: white;
			color: black;
			padding: 8px;
			border-radius: 32px;
			transition: all 0.1s ease;

			&:hover {
				sound-in: ui.button.over;
				background-color: #808080;
				transform: scale(1.1);
			}
		}
	}
}