@import url(https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900);

body {
	margin: 0;
	padding: 0;
	font-family: Inter, sans-serif;
	background-color: #141414;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	text-align: center;
}

h1,
h2,
h3 {
	margin: 0;
}

.container {
	width: 320px;
	/* border: 1px solid #fff; */
	border-radius: 10px;
	margin: 0 auto;
	padding: 1em 0;
	background: hsl(0, 0%, 12%);
}

.header-img {
	width: 5rem;
	border-radius: 50%;
}

h1 {
	font-size: 1.5rem;
	margin: 0.2em 0;
}

h2 {
	font-size: 0.9rem;
	margin-bottom: 1.5em;
	color: #b48da1;
}

h3 {
	font-size: 0.75rem;
	font-weight: 400;
}

main {
	display: flex;
	flex-direction: column;
	margin: 1em 0;
}

.link {
	width: 75%;
	margin: 0.5em auto;
	padding: 0.875em;
	color: #fdfdfd;
	text-decoration: none;
	font-size: 0.8rem;
	background-color: #333333;
	border-radius: 5px;
}

.link:hover,
.link:focus,
.link:active {
	background-color: #795869;
}