.navbar {
  display: flex;             /* Puts children on the same line */
  align-items: center;      /* Vertically centers icon and text */
  justify-content: space-between; /* Pushes logo left and nav right */
  padding: 10px 20px;
}

.nav-links ul {
  display: flex;             /* Puts list items on the same line */
  list-style: none;
  gap: 20px;
    text-align: right/* Adds spacing between links */;
    color: #FFFFFF;
}

a {
    color: white;
    text-decoration: none;
    font-family: "Roboto Light";
}

/* When the link is clicked (active state) */
a:active {
    color: white;
}

/* Optional: visited link style */
a:visited {
    color: white;
}

a:hover {
    text-decoration: underline;
}

.logo{
    transition: filter 0.3s ease;
}

.logo:hover{
    filter: brightness(1.2) contrast(1.1);
}