.outlined-text-black {
  color: White; /* Text color, often set to contrast with the outline */
  text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000;
}

.face-pacifico {
  font-family: "Pacifico", cursive;
}

.face-google-sans {
  font-family: "Google Sans Code", monospace;
}

.image-container {
  position: relative; /* Container for absolute positioning */
}

.overlay-content {
  position: absolute; /* Position the content over the image */
  top: 50%;            /* Start 50% from the top */
  left: 50%;           /* Start 50% from the left */
  transform: translate(-50%, -50%); /* Center the content precisely */
  /* Optional: Add text centering for multiple elements */
  text-align: center;
  /* Ensure the overlay takes full width for horizontal centering */
  width: 100%; 
}