@import url('https://fonts.googleapis.com/css2?family=Lato&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,400&display=swap');

html {
	background: white;
	margin: 0;
}

body {
	font-family: 'Roboto', sans-serif;
	color: #616161;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, .title {
	font-family: 'Lato', sans-serif;
	color: #1565c0;
}

#top-fold {
	height: 80vh;
	color: rgba(255,255,255,.8);
	font-family: 'Lato', sans-serif;
	background: linear-gradient(135deg, #2D59A5, #082975);
	box-shadow: 0 8px 8px rgba(0, 0, 0, .2);
}

#top-nav {
	display: flex;
	flex-flow: row;
	justify-content: flex-end;
	padding: 20px 40px;
}
#top-nav a {
	display: inline-block;
	padding: 0 1vw;
	flex: 0 0;
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-decoration: none;
	color: rgba(255,255,255,.8);
}
#top-nav a:hover {
	color: rgba(255,255,255,1);
}
.site-billboard {
	margin: 15vh 10vw 10vh;
}
.site-billboard .site-creator {
	font-size: 1.6rem;
}
.site-billboard .site-title {
	margin-top: 2vh;
	font-size: 6rem;
	font-weight: 500;
	color: rgba(255,255,255,1);
}
.site-billboard .site-tagline {
	margin-top: 10vh;
	font-size: 1.2rem;
}
.product-section {
	margin: 4vh 10vw;
}
.product-section h1 {
	margin-top: 4vh;
}
.product-section li {
	line-height: 1.6em;
}