body {
  background: black;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

canvas {
  background: transparent;
  background-image: linear-gradient(black 20%, #101 30%, #211 40%, #070702 52%, #000 90%, #000 100%);
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1800px;
  height: 300px;
}

#vignette {
  background-image: linear-gradient(right, black 0%, transparent 10%, transparent 90%, black 100%);
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 300px;
  max-width: 1800px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 50;
}