body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f9;
  }
  
  /* Background Image with Overlay Text */
  .background-container {
    position: relative;
    width: 100%;
    height: 100vh; /* Full viewport height */
    background-image: url('moonbeaver.jpg'); /* Background image */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
  }
  
  .overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 48px; /* Font size for the text */
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Optional: Adds a shadow to make the text stand out */
  }