html, body {
  margin: 0;
}

body {
  background-color: rgb(0,0,0);
  color: #eee;
  font-family: Arial;
}

canvas {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


@keyframes info-box-animation {
  0% {
    opacity: 1;
    z-index: 1000;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}

.info {
  position: absolute;
  top: 10%;
  left: 25%;
  width: 50%;
  background-color: rgba(0,0,0,0.8);
  
  padding: 1em;

  animation: info-box-animation 2s ease 10s 1 forwards;
}