:root {
  --color-gray: #282828;
}

body {
	margin: 0;
	padding: 0;
	background-color: var(--color-gray);
	/* background: linear-gradient(to bottom right, var(--color-gray), #303031); */
	box-shadow: inset 0 0 0 16px #141414;
}
.content {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column nowrap;
}

.content h1 {
	margin: 0;
	padding: 0;
	text-indent: -999rem;
	width: 300px;
	height: 284px;
	background-image: url(../img/otm-build-logo-full.webp);
	background-size: cover;
	transform: translateY(-24px);
}

.content h2 {
	color: white;
	font-size: 18px;
	transform: translateY(-10px);
	visibility: hidden;
}

@media only screen and (min-width: 992px) {
	body {
		box-shadow: inset 0 0 0 20px #141414;
	}

	.content h1 {
		width: 350px;
		height: 332px;
		transform: translateY(-24px);
	}
}