body {
  margin: 0;
  padding: 0;
  overflow-y: auto;
  font-family: Arial, sans-serif;
}

.top-bar, .bottom-bar {
  position: fixed;
  width: 100%;
  height: 50px;
  background-color: #333;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  z-index: 1000;
}

.top-bar {
  top: 0;
}

.bottom-bar {
  bottom: 0;
}

.top-bar a, .bottom-bar a {
  color: white;
  text-decoration: none;
  margin: 0 10px;
}

.middle-floating-text {
  position: relative;
  margin: 70px auto 70px; /* space for fixed header/footer plus some gap */
  padding: 0 20px;
  color: black;
  font-family: 'Lato', sans-serif;
  font-size: 4rem;
  text-align: center;
  z-index: 1001;
}

.middle-floating-text span {
  display: block;
  font-size: 2.5rem;
  margin-top: 10px;
  font-family: 'Lato', sans-serif;
}

.outOfSight {
  text-decoration: none;
}

.outOfSight:hover {
  text-decoration: underline;
}

table {
  background-color: hsl(0, 0%, 50%); /* White background */
  opacity: 1; /* Ensure full opacity */
  border-collapse: collapse; /* Optional: Remove gaps between table cells */
  width: 50%; /* Optional: Make table full-width */
}

table th, table td {
  background-color: hsl(0, 0%, 50%); /* White background for table headers and cells */
  opacity: 1; /* Ensure full opacity */
  padding: 8px; /* Optional: Add padding for better spacing */
  border: 1px solid #ddd; /* Optional: Add borders for cells */
}