html {
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
	margin: 0;
	height: 100%;
	width: 100%;
}
body {
	background-color: #222;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
a {
	color: #fff;
	text-transform: lowercase;
	text-decoration: none;
	font-family: monospace;
}
.logo {
	display: block;
	margin: 0 20px 10px;
	& img {
		display: block;
		border: 2px solid white;
		border-radius: 30px;
		-webkit-border-radius: 22px;
		-moz-border-radius: 22px;
		background-color: #000;
		max-width: 100%;
	}
}
.social {
	a {
		margin: 0 15px;
	}
  a:hover {
		text-decoration: underline;
	}
}