html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #222;
	background-image: url("images/bg.jpg");
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	&::after {
		content: "";
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: .3;
	}
}

main {
	position: relative;
	z-index: 1;
	box-shadow: 0 0 20px black;
}

th:not(:last-of-type),
td:not(:last-of-type) {
	padding-right: 35px;
}

.deviations {
	max-width: 500px;
}