body {
  background-color: #f9f9f9; /* Light background color for the whole page */
  color: #333; /* Default dark text color */
  font-family: "Inter", sans-serif;
  margin: 0; /* Removes default body margin */
  padding: 0;
}

#navbar {
  font-family: "Inter", sans-serif;
  display: flex; /* Aligns items in a row */
  justify-content: space-between; /* Spaces items out evenly */
  align-items: center; /* Centers items vertically */
  padding: 15px 30px; /* Adds padding around the nav bar */
  font-family: "Inter", sans-serif; /* Uses 'Inter' font */
}

/* Styling for the name section */
#name {
  font-size: 1.1em; /* Makes the name slightly bigger */
  font-weight: 500; /* Sets font weight to semibold */
  color: #333; /* Dark color for name */
}

#nav-itemContainer {
  display: flex; /* Aligns nav items in a row */
  gap: 10px; /* Space between the nav items */
}

/* Styling for the navigation items */
.nav-item {
  margin: 0 15px; /* Space between items */
  font-size: 1.1em; /* Slightly larger font size */
  cursor: pointer;
}

/* Hover effect to make items italic */
.nav-item:hover {
  font-style: italic;
}