/* The header stays at the top naturally */
.header-topo {
  width: 100%;
  height: 45px;
  /*background: linear-gradient(to right, #ffffff, #d9e8f0);*/
  background: rgba(228, 232, 241, 0.5);
  /* Lighter base for glass effect */
  backdrop-filter: blur(15px);
  position: relative;
  z-index: 1001;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  padding-left: 20px;
  flex-shrink: 0;
  /* Ensures the header does not shrink */
}

.logo {
  max-height: 50px;
  /* Adjust as necessary */
  width: auto;
}