body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Arial, sans-serif;
}
.landing-page {
  height: 90vh;
  background-size: cover;
  background: url('/static/images/FluidScope-Landing-Image.jpg') no-repeat center center;
  display: flex;
}
.overlay-text {
  color: white;
  font-size: 5vw; /* Responsive font size */
  font-weight: bold;
  text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
  text-align: center;
}

.pagetitle {
    color: cornflowerblue;
}

  .navbar-brand {
    opacity: 0.7; /* Semi-transparent */
    transition: opacity 0.3s ease-in-out; /* Smooth effect */
  }

  .navbar-brand:hover {
    opacity: 0.8; /* Make it more visible on hover */
  }