.text-overlay {
  position: absolute;
  font-size: 6.25em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -170%); /* Perfectly centers the text */
  color: black;
  background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent background for readability */

  font-family: "Mystery Quest", system-ui;
  font-weight: 400;
  font-style: normal;
}

 body {
  background-image: url('CombinedBars2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}
a:link {
   font-family: "Mystery Quest", system-ui; /* use font */
  color: rgb(57, 74, 113);
 font-size: 1em;

}
a:visited {
  color: rgb(161, 225, 255);
}

/* Styling links on hover */
a:hover {
  color: rgb(255, 108, 206);
}