#canvas {
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;

  z-index: 0;
}

#theme-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  color: inherit;
  padding: 4px;
  border-radius: 4px;
  line-height: 1;
}

#theme-toggle:hover {
  opacity: 0.7;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1;

  background:
    radial-gradient(circle at center,
      rgba(0,0,0,0.05),
      rgba(0,0,0,0.5)
    );
}

main {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: auto auto 80px;
}