html {
  background: black;
  height: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 10;
}

canvas {
  -webkit-animation: in 2s cubic-bezier(0.23, 1, 0.32, 1) 0.25s backwards;
          animation: in 2s cubic-bezier(0.23, 1, 0.32, 1) 0.25s backwards;
  background: transparent;
  position: absolute;
}

@-webkit-keyframes in {
  from {
    opacity: 0;
  }
}

@keyframes in {
  from {
    opacity: 0;
  }
}

#text{
  z-index: 1;
  color: #ffffff;
  font-size: 3.0em;
  font-family: "Merriweather", sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#container{
  z-index: -1;
}