html {
	height: 100%;
	min-width: 360px;
}

p, h1, h2, h3, h4, a, time, li {
	font-family: 'Futura', 'Trebuchet MS', Helvetica, Arial, sans-serif;
	color: #000000;

}

h1 {
	text-align: center;
	font-style: italic;
	font-size: 48pt;
	margin-top: 0;
}

h2 {
	font-size: 24pt;
	font-style: italic;
}

@media screen and (min-width: 400px) {
	h1 {
		font-size: 63pt;
	}
}

.arrow {
	width: 45px;
}

.nav {
	max-width: 370px;
	margin: 0 auto;
}

.nav-line {
	display: flex;
	align-items: center;
	margin: 0 auto;
}

.icon {
	width: 60px;
	margin: 16px;
}

.logo {
	max-width: 500px;
	margin: 50px auto 0;
}

a {
	transition: 100ms linear;
	text-decoration: none;
}

a:hover {
	filter: brightness(0.4);
}