body, html {
  margin: 0;
  padding: 0;
  height: 100%; /* Full height of the viewport */
  overflow: hidden; /* Prevent scrolling */
}

canvas {
  position: absolute; /* Positioning for the canvas */
  top: 0;
  left: 0;
  width: 100%; /* Full width of the viewport */
  height: 100%; /* Full height of the viewport */
  z-index: 1; /* Canvas behind the text */
}

.overlay-text {
  position: absolute; /* Positioning for text */
  z-index: 2; /* Text on top of the canvas */
  color: #ffffff; /* White text color */
  text-align: center; /* Center align text */
  top: 0; /* Align text at the top */
  left: 50%; /* Center text horizontally */
  transform: translate(-50%, 0); /* Adjust for horizontal centering */
  font-family: 'Orbitron', sans-serif; /* Apply Orbitron font */
  padding: 10px 0; /* Add some padding to the text */
}