.text-element {
        margin-top: 50px; /* Adjust pixels as needed */
        text-align: center;
    }

    h1 {
        font-size: 3rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }

    .center {
        text-align: center;
    }

    .my-content {
        margin-top: 165px; /* Adjust to match your exact navbar height */
    }
    
    .container {
        position: relative; /* Acts as the positioning boundary */
    }

    body {
        margin: 0;
        padding: 0;
        color: white;
    }

    .foreground-text {
        position: absolute; /* Keeps it layered over your background */
        top: 0;
        left: 0;
        width: 100%;       /* STRETCHES the container to full screen width */
        text-align: center; /* Centers everything inside this block */
        z-index: 100;       
    }

  .black-text-button {
  background-color: #e0e0e0; /* Light gray background for contrast */
  color: #000000;            /* Black font color */
  padding: 10px 20px;        /* Spacing inside the button */
  border: 1px solid #000000; /* Black border outline */
  border-radius: 5px;        /* Rounded corners */
  font-weight: bold;         /* Makes the black text pop */
  cursor: pointer;           /* Shows pointer finger on hover */
}

.black-text-button:hover {
  background-color: #cccccc; /* Slightly darker gray on hover */
}