.text-container 
h1 {
  /* Use Gentona font with fallback fonts */
  font-family: 'Gentona', serif;
  font-weight: bold; /* Adjust weight as needed (normal, bold, etc.) */
  /* Set two-color gradient for the heading text */
  background-image: linear-gradient(to right, #000080 5%, #222222 100%);
  /* Clip the overflowing text to display within the heading element */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; /* Transparent text color to reveal gradient */
}
h2 {
  /* Font Properties */
  font-family: Arial, sans-serif; /* Set a preferred font family */
  font-size: 1.5em; /* Font size slightly smaller than h1 (adjust as needed) */
  font-weight: bold; /* Make the text bold for emphasis */
  margin-bottom: 15px; /* Add some space below the heading */
  
  /* Color and Decorations */
  color: #333333; /* Set a dark gray text color */
  text-align: center; /* Center-align the heading content */
  
  /* Optional: Add a border or underline */
  /* border-bottom: 1px solid #ddd;  */
  /* text-decoration: underline; */
}