ul {
  list-style-type: none; /* Remove default list styling */
  padding: 0; /* Remove default padding */
}

li {
  cursor: pointer; /* Change cursor to pointer on hover */
  padding: 10px; /* Add some padding for better click area */
  transition: background-color 0.3s; /* Smooth transition for background color */
}

li:hover {
  color: #9a5d5d; /* Change background color on hover */
  font-weight: bold;
  font-size: larger;
}

.center-container {
  margin-top: 30px;
  display: flex; /* Use Flexbox */
  flex-direction: column; /* Stack children vertically */
  align-items: center; /* Center horizontally */
  //   justify-content: center; /* Center vertically */
  //   height: 100vh; /* Full viewport height */
  text-align: center; /* Center text */
}
