html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#particle-canvas {
  width: 100%;
  height: 100%;
}


h1 {text-align: center;}
p {text-align: center; font-family:verdana;}
div {text-align: center;}


#canvas, #text {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: -1;
}
#text {
  min-height: 80vh;
  width: 100vw;
  z-index: 1;
  color: #fff; 
  font-size: 6vmin;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#canvas, #text2 {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: -1;
}
#text2 {
  min-height: 160vh;
  width: 100vw;
  z-index: 1;
  color: #fff; 
  font-size: 2vmin;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#text h1 {
	opacity: 1
}