/* Disable scrolling */
body {
  margin: 0;
  padding: 0;
  overflow: hidden; /* Prevent scrolling */
  font-family: Arial, sans-serif;
}

/* Fullscreen background */
.background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1; /* Place behind other content */
  background-color: white; /* Fallback background color */
}

/* Top Navigation */
.top-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 1rem 2rem;
  z-index: 100; /* Ensure it stays above other elements */
}

.nav-link {
  text-decoration: none;
  font-size: 1rem;
  font-weight: bold;
  color: black; /* Matches headline color */
  transform: scale(1, 1.5); /* Stretch vertically by 1.5x */

}

/* Specific adjustments for the INFO link */
.nav-right {
  position: fixed; /* Fix the INFO link to the right side */
  top: 1rem; /* Keep it aligned vertically with the nav bar */
  right: 2rem; /* Add space from the right edge */
}

.nav-link:hover {
  color: ; /* Slightly brighter yellow on hover */
  text-decoration: underline;
}

/* Info paragraph above links */
.info-paragraph {
  position: fixed;
  top: 5rem; /* Position it below the INFO navigation link */
  right: 2rem; /* Align with the right edge */
  font-size: 1rem; /* Readable font size */
  color: black; /* Text color */
  width: 15rem; /* Optional: Limit width for better readability */
  line-height: 1; /* Improve readability with line spacing */
  text-align: right; /* Align text to the right */
      font-weight: bold;
      transform: scale(1, 1.5); /* Stretch vertically by 1.5x */
}

/* Links under INFO */
.info-links {
  position: fixed;
  top: 10rem; /* Positioned just below the INFO link */
  right: 2rem; /* Align to the right of the viewport */
  display: flex;
  flex-direction: column; /* Stack links vertically */
  align-items: flex-end; /* Align links to the right */
  gap: 0.5rem; /* Space between links */
  z-index: 100;
}

.info-links .small-link {
  text-decoration: none; /* Remove underline */
  color: black; /* Default color */
    font-size: 1rem;
  font-weight: bold;
  text-align: right; /* Right align text */
    transform: scale(1, 1.5); /* Stretch vertically by 1.5x */

}

.info-links .small-link:hover {
  color: ; /* Turn yellow on hover */
  text-decoration: underline;
}


/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {

/* Top Navigation */
.top-nav {
  padding: 1rem 1rem;
  z-index: 100; /* Ensure it stays above other elements */
}

/* Specific adjustments for the INFO link */
.nav-right {
  right: 1rem; /* Add space from the right edge */
}

}