nav {
  width: 100%; /* Full width */
  padding: 16px 0; /* Adjust vertical padding as needed */
  position: sticky; /* Fixed position */
  top: 0;
  z-index: 100; /* Ensure it stays on top */
  color: white; /* Default text color */
}

.navbar {
  list-style-type: none; /* Remove bullet points */
  margin: 0;
  padding: 0;
  display: flex; /* Arrange items horizontally */
  justify-content: flex-end; /* Push items to the right */
  align-items: center; /* Center items vertically */
  height: auto; /* Adjust based on padding and font size */
  padding-right: 20px; /* Add some right padding */
}

.navbar li {
  margin-left: 20px; /* Space between the links */
}

.navbar a {
  color: inherit; /* Inherit text color from the nav */
  text-decoration: none; /* Remove underlines */
  padding: 10px 15px; /* Padding around the text "buttons" */
  border-radius: 5px; /* Optional: Rounded corners for the buttons */
  transition: background-color 0.3s ease; /* Smooth hover effect */
}

.navbar a:hover {
  background-color: rgba(255, 255, 255, 0.2); /* Optional: Slightly transparent white on hover */
}