<!doctype html>
<html lang="en">
	<head>
		<title>{% block title %}{% endblock %}</title>
		<style>
			body {
				position: relative;
				min-height: 98vh;
				background-color: #333;
				color: #fff;
			}

			footer {
				text-align: center;
				position: absolute;
				bottom: 0;
				width: 100%;

				* {
					margin-bottom: 0;
				}
			}

			#content {
				padding-bottom: 2.5rem;
			}

			table {
				width: 100%;
				text-align: center;
				vertical-align: middle;
				border-collapse: collapse;
				margin-top: 10px;

				thead th {
					background-color: #252525;
				}
			}

			ul {
				line-height: 1.5;
			}
		</style>

		{% block head %}{% endblock %}
	</head>

	<body>
		<div id="content">{% block content %}{% endblock %}</div>
		<footer>
			<p>v{{ crate::VERSION }}</p>
		</footer>
	</body>
</html>