* {
  margin: 0;
  padding: 0;
}

#background5 {
  background: transparent;
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
#background5 canvas {
  width: 100%;
  height: 100%;
  display: block;
  background: transparent;
}
#world {
  position: fixed;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* Night gradient background */
  background: transparent;
}
#world canvas {
  position: absolute;
  inset: 0;
  z-index: 2;
}
body {
    margin: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: #000;
    background-image:
        radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.05), transparent),
        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.9), transparent 60%),
        radial-gradient(circle at 80% 20%, rgba(34, 34, 60, 0.8), transparent),
        radial-gradient(circle at 20% 80%, rgba(41, 94, 130, 0.15), transparent),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6));
}
#message {
  color: white;
  font-family: sans-serif;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

h1,
h4 {
  margin: 0;
}
h1 {
  font-size: 10vmin;
}

h4 {
  font-size: 4vmin;
}
#main {
  position: relative;
  z-index: 10;
}