html, body {
	background: #0a0908;
	min-height: 100vh;
	height: 100%;
	overflow: hidden;
}
body {
	margin: 0;
	background: radial-gradient(circle,rgba(34, 51, 59, 1) 0%, rgba(10, 9, 8, 1) 100%);
	padding-top: env(safe-area-inset-top);
	padding-bottom: env(safe-area-inset-bottom);
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
	transition: background 0.1s ease;
	display: flex;
	justify-content: center;
	align-items: center;
}
@font-face {
	font-family: 'Tanker-Regular';
	src: url('../Tanker-Regular.woff2') format('woff2'),
	url('../Tanker-Regular.woff') format('woff');
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}
.container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.heading {
	font-family: "Tanker-Regular", sans-serif;
	font-optical-sizing: auto;
	font-size: 6em;
	color: #fefefe;
	margin-bottom: 20px;
	transition: all 0.3s ease;
}
span {
	opacity: 0;
	transition: 0.3s ease-in-out;
}
.heading:hover span {
	opacity: 1;
	transition: 0.3s ease-in-out;
}