body {
  background-color: #fff;
  /* leave it to hide the scrollbars */
  overflow: hidden;
}

canvas {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    overflow: auto;
    position: fixed;
    object-fit: contain;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.noise {
  position: absolute;
  inset: 0;
  mix-blend-mode: hard-light;
  background-image: url('./noise_texture.webp');
  background-size: 50%;
  z-index: 2;
  opacity: 0;
}

.test-date {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: avenir, Helvetica, arial, sans-serif;
}