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

body {
  text-align: center;
  background-color: #fffefa;
}

a {
  text-decoration: none;
  color: inherit;
  transition: color 0.2s linear 0s;
}

.base-cont {
  font-family: Dosis, sans-serif;
  position: relative;
  bottom: 12.5rem;
  left: 0;
  right: 0;
}

.base-cont h1 {
  text-transform: lowercase;
}

.base-cont a:hover {
  color: #2563A8;
}

.base-cont hr {
  border: none;
  border-top: 1px solid #CDCDCD;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 16%;
	z-index: 1;
}

.availability {
  margin-top: 1rem;
}

/* canvas overlay */
.canvas-cont {
  position: relative;
	width: 100%;
	height: 100%;
  display: table;
}

.canvas-cont canvas {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

/* sections */
section.chunk {
  font-family: Dosis, sans-serif;
  height: 100%;
}

section.chunk h1 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}

section.chunk-zero .base-cont {
  color: #2b1b0b;
}

section.chunk-two .base-cont {
  bottom: 4rem;
}

section.chunk-one {
  background: #050545;
  color: #fffefa;
}

section.chunk-two {
  background: #07cddb;
  color: #fffefa;
}

section.chunk-three {
  background: #fef5ff;
  color: #2b1b0b;
}