#trivia {
  font: italic 24pt 'Comic Sans';
}

h1{
  font: 30pt 'Futura';
}

h2{
  font: 16pt 'Futura';
  text-decoration: underline;
}

p{
  font: 10pt 'Gill Sans';
}

html {
	margin: 0;
	min-width: 320px;
	height: 100%;
}

body{
  background-color:gainsboro;
	background-image: url("../images/signac_small.webp");
	background-size: cover;
	background-position: 0 0;
	background-repeat: no-repeat;
	image-rendering: pixelated;
	margin: 0;
	height: 300px;
	padding: 5%;
}

#page {
	display: flex;
	flex-direction: column;
	justify-content: left;
	align-items: normal;
	margin: 0;
	height: 100%;
	min-height: 320px;
}

footer{
  position: fixed;
  bottom: 0;
}