.menu-container {
  position: fixed;
  top: 30px;
  right: 30px;
  display: flex;
  gap: 20px;
  z-index: 10;
  padding: 10px 20px;
}

.menu-container::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 80px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: -10;
}

.menu-container a {
  text-decoration: none;
  color: #000000;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  transition: color 0.3s ease;
}

.menu-container a:hover {
  opacity: 0.1;
}