body {
  margin: 0;
  padding: 0;
  font-family: Courier, monospace;
  color: black;
  background: white;
  text-align: center;
}

.hero {
  width: 100%;
  height: 100vh; /* full viewport height */
  background-image: url("/GGB2.png");
  background-size: cover;      /* fill screen, keep aspect ratio */
  background-position: center; /* center the image */
  background-repeat: no-repeat;/* no tiling */
  position: relative;
}

.overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  color: black;
  padding: 10px 20px;
  font-size: 2em;
}

.subtitle {
  margin-top: 20px;
  font-size: 1.2em;
}