.glowing-logo {
  height: auto;
  max-height: 14vh;
  width: 95%;
  padding-top: 3vh;
  padding-left: 5%;
  object-fit: contain;
  user-select: none;
  pointer-events: none;

  filter: drop-shadow(0 0 0.01vw rgba(0, 255, 245, 0.9))
          drop-shadow(0 -0.02vw max(0.3vw, 5px)  rgba(0, 255, 245, 0.6))
          drop-shadow(-0.3vw -0.5vw max(2vw, 20px) rgba(0, 255, 245, 0.7));
}

.header-logo-container {
    background-color: transparent;
    position: relative;
    width: 25%;
    height: 14vh;
    display: inline-block;
    z-index: 20;
}

.header-profile {
  /* transform: translate(1.2vw, max(2vh, 8px)); */
  width: 10%;
  position: relative;
}

.profile-background {
  position: relative;
  background-color: rgb(26, 202, 196);
  width: 10vw;
  height: max(4vw, 5.7vh);
  position: absolute;
  left: 2vw;
  top: 1vh;
  border-top-left-radius: calc(max(4vw, 5.7vh) * 0.5);
  border-bottom-left-radius: calc(max(4vw, 5.7vh) * 0.5);
}

.profile-button {
  /* margin-top: -0.2vh;
  margin-left: clamp(10px, 0.62vw, 0.9vw);  */
  position: absolute;
  width: max(3vw, 4.3vh);
  height: max(3vw, 4.3vh);
  left: 2.5vw;
  top: 2vh;
  border-radius: 50%;
  z-index: 10;

  /* transform: translate(0.75vw, -0.6vh);
  border-radius: 50%;
  position: relative;
  
  
  width: clamp(40px, 2vw, 60px);
  height: clamp(40px, 2vw, 60px); */

  background-image: url('/assets/city_pop2.jpg');
  background-size: cover;
  border-color: rgba(0, 255, 245, 0.9);
  border-width: 1.5px;

  display: flex;
  align-items: end;
  justify-content: end;
}

.profile-button::after {
  position: relative;
  top: 5px; /* Move the caret down */
  left: 8px; /* Move the caret left */
  font-size: 25px; /* Adjust size */
  color: white; /* Optional: Match the caret color to the button */
}

.profile-button:hover {
  border-color: orange;
  border-width: 3px;
  box-shadow: 0 0 15px rgb(219, 178, 64);
}

.profile-button[aria-expanded="true"] {
  border-color: orange;
  border-width: 3px;
  box-shadow: 0 0 5px rgb(219, 178, 64);
}

.banner-filter
{
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0.0) 100%);
  position: absolute;
  width: 100%;
  height: 80px;
  top: 100%;
  pointer-events: none;
}