/* Only homepage-specific styles */

/* Make page full viewport and prevent scrolling */
html, body {
  height: 100%;
  margin: 0;
  /* overflow: hidden;  disables scrolling */
}

body {
  background-image: url('assets/jungle.png');
  background-size: cover;
  /* background-position: center; */
  background-repeat: no-repeat;
  font-family: 'Lato', sans-serif;
  height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  /* margin: 0; */
  /* overflow: hidden; */
}

/* Container for the welcome text */
#sloganContainer {
  position: absolute;
  bottom: 6rem;    /* distance from bottom */
  right: 2rem;     /* distance from right */
  text-align: right;
  color: white;    /* or any color that stands out on your background */
}

/* Optional: responsive adjustments for smaller screens */
@media (max-width: 768px) {
    body {
          background-position-x: 40%;
        }
  #myContainer {
    bottom: 3rem;
    right: 1rem;
    font-size: 0.9rem;
  }
}