box-sizing: border-box;

}

​

html, body {

  margin: 0;

  padding: 0;

  font-family: 'IBM Plex Mono', monospace;

  font-size: 1rem;

}

​

canvas {

  position: absolute;

  z-index: 2;

}

​

video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: -1;

}

​

​

.start-text {

  position: fixed;

  z-index: 100;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  padding: 1rem;

  z-index: 200;

  background-color:rgba(255,255,255,0.6);

}

​

.hidden {

  display:none;

}

​

.start-text div {

}

​

.info-text {

}

​

#info {

  position: fixed;

  bottom: 0;

  left: 0;

  padding: 0 1rem 0 1rem;

  z-index: 200;

  background-color: rgba(255,255,255,0.6);

  max-width: 100vw;

}

​

#info-inner {

  padding-bottom: 1rem;

}

​

@media only screen and (min-width: 400px) {

  body {

    font-size: 0.8rem;

  }

  #info {

/*     padding: 2rem; */

    max-width: 50vw;

  }

}

#info a {

  color: black;

}

​

#close {

  background: transparent;

  border: 0px solid;

  font-family: 'IBM Plex Mono', monospace;

  font-size: 100%;

  padding: 5px 0;

}