/* Reset & Base */
html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #f8cfc7;
	color: #222;
	font-family: 'Cormorant Garamond', serif;
	font-size: 16px;
	font-weight: 500;
	margin: 1em;
}

img {
	width: 100%;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Typography & Inputs */
input,
button {
	font-family: 'Avenir', 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 12px;
	padding: 1em;
	width: 100%;
}

/* Layout */
.content {
	margin: 0 auto;
	max-width: 640px;
}

/* Components */
.link-logo {
	margin: 2em auto;
	max-width: 240px;
}

.link {
	display: flex;
	font-family: 'Avenir', 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 12px;
}

.link a {
	align-items: center;
	background: #244f40;
	border: 2px solid #244f40;
	color: white;
	display: flex;
	flex-grow: 1;
	justify-content: center;
	padding: 1em;
	text-align: center;
	text-decoration: none;
	transition-duration: 0.3s;
	transition-property: background, color;
}

.link a:hover,
.link a:focus {
	background: #f8cfc7;
	color: #244f40;
}

.link button {
	margin-bottom: 0;
	width: auto;
}