html {
  height: 100vh;
}

body {
  height: 400vh;
  background: #000;
}

div.top {
	height: 40vh;
	align-content: center;
	padding: 25vh 0;
}

div.middle {
	height: 50vh;
	max-width: 80vw;
	margin:auto;
	padding: 25vh 0;
}

div.bottom {
	align-self:flex-end;
	height: 15vh;
	max-width: 100vw;
	margin:auto;
	padding: 90vh 0 0;
}

h1 {
	color: white;
	font:normal;
	font-style: normal;	
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: center;
}
h2 {
	color: white;
	font:normal;
	font-style: normal;
	font-weight:400;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: center;
}
h3 {
	color: white;
	font:normal;
	font-style: normal;
	font-weight:300;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: center;
}
h4 {
	color: white;
	font:normal;
	font-style: normal;
	font-weight:300;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: center;
}
p {
	color: white;
	font:normal;
	font-weight:300;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: center;
}

canvas {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 140vw;
  max-height: 100vh;
  z-index: -1;
}