.menu-wrapper {
  text-align: center;
  margin-bottom: 20px;
}

.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  gap: 15px;
}

.menu a {
  display: inline-block;
  padding: 10px 20px;
  background-color: #317a36;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s;
}

.menu a:hover {
  background-color: #2f4a30;
}