html {
	background-color: #112;
}

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

h1 {
	padding-top: 2em;
}

h2 {
	padding-bottom: 40%;
}

p {
	padding: 1em;
}

.canvas-fade-in {
  -webkit-animation: canvas-fade-in 30s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation: canvas-fade-in 30s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.canvas-focus-in {
  -webkit-animation: canvas-focus-in 30s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
          animation: canvas-focus-in 30s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2018-11-3 9:3:50
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes canvas-fade-in {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes canvas-fade-in {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}