/* ShapeGrid background — drifting line grid behind the whole page.
   Remove this file, js/shape-grid.js and the "ShapeGrid background" blocks
   in home.html to take the effect out. */

.shape-grid {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.shape-grid-canvas {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  transform-origin: 0 0;
}

/* Screen-sized layer fixed behind every section, so the canvas stays the size
   of the window however long the page gets. --shape-grid-top (the header
   height) is set by js/shape-grid.js. Never takes clicks. */
.shape-grid-bg {
  position: fixed;
  top: var(--shape-grid-top, 0px);
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  z-index: -1;
  pointer-events: none;
}