a:hover {
	color: #000;
}

body {
	background-image: linear-gradient(#fff, var(--background-color));
}

main h1 {
    font-size: 7em;
	margin-top: 2em;
}

main h2 {
	margin-top: 0.1em;
	font-size: 2.5em;
}

nav {
	margin: 2em;
}

section {
	text-align: center
}

@media screen and (max-width: 800px) {
    nav ul {
        align-items: stretch;
        flex-flow: column;
        text-align: center;
    }
}