@tailwind base;
@tailwind components;
@tailwind utilities;

/* Добавьте это в ваш файл стилей после подключения Tailwind */
.blur-gradient::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 7rem; /* Высота размытия */
  background: linear-gradient(
    to bottom,
    transparent,
    white
  ); /* Измените цвет на соответствующий фону */
  backdrop-filter: blur(0px); /* Интенсивность размытия */
}

#menu-container {
  position: relative; /* или absolute/fixed в зависимости от нужного результата */
  width: 100%; /* Убедитесь, что ширина контейнера соответствует ширине вьюпорта или родительского элемента */
  left: 50%;
  transform: translateX(-50%);
  display: block; /* Убедитесь, что блок занимает весь доступный горизонтальный пространство */
}