<script>
</script>

<div class="content">
	<div class="container">
		<div class="board">
			<div class="board_title">Leaderboards</div>
			<div class="board_table">
				<table class="board_table_inner">
					<thead>
						<tr>
							<td>Rank</td>
							<td>Username</td>
							<td>Best time</td>
							<td>Miscellaneous</td>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>Username1</td>
							<td>10:25:50</td>
							<td>Text here</td>
						</tr>
						<tr>
							<td>2</td>
							<td>Username2</td>
							<td>10:25:50</td>
							<td>Text here</td>
						</tr>
						<tr>
							<td>3</td>
							<td>Username3</td>
							<td>10:25:50</td>
							<td>Text here</td>
						</tr>
						<tr>
							<td>4</td>
							<td>Username4</td>
							<td>10:25:50</td>
							<td>Text here</td>
						</tr>
						<tr>
							<td>1</td>
							<td>Username1</td>
							<td>10:25:50</td>
							<td>Text here</td>
						</tr>
						<tr>
							<td>2</td>
							<td>Username2</td>
							<td>10:25:50</td>
							<td>Text here</td>
						</tr>
						<tr>
							<td>3</td>
							<td>Username3</td>
							<td>10:25:50</td>
							<td>Text here</td>
						</tr>
						<tr>
							<td>4</td>
							<td>Username4</td>
							<td>10:25:50</td>
							<td>Text here</td>
						</tr>
						<tr>
							<td>1</td>
							<td>Username1</td>
							<td>10:25:50</td>
							<td>Text here</td>
						</tr>
						<tr>
							<td>2</td>
							<td>Username2</td>
							<td>10:25:50</td>
							<td>Text here</td>
						</tr>
						<tr>
							<td>3</td>
							<td>Username3</td>
							<td>10:25:50</td>
							<td>Text here</td>
						</tr>
						<tr>
							<td>4</td>
							<td>Username4</td>
							<td>10:25:50</td>
							<td>Text here</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>

<style lang="scss">
	.board {
		margin: 0 0 50px;
	}

	.board_title {
		font-size: 40px;
		font-weight: 500;
		margin: 5px 0 50px;
		text-shadow: 0px 2px 2px #14182B;
		text-align: center;
	}

	.board_table {
		overflow-y: auto;
	}

	.board_table_inner {
		width: 100%;
		border: 1px solid #020307;
		border-collapse: collapse;
		border-radius: 5px;
	}

	.board_table_inner td {
		border: 1px solid #020307;
		padding: 10px 15px;
		background: #14182b;
	}

	.board_table_inner thead,
	.board_table_inner thead tr:first-child {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.board_table_inner thead tr:first-child td:first-child {
		border-top-left-radius: 5px;
	}

	.board_table_inner thead tr:first-child td:last-child {
		border-top-right-radius: 5px;
	}
</style>