html {
  scroll-behavior: smooth;
}

body {
    font-family: 'Catamaran', sans-serif;
}

.hero-image {
    height: 18rem;
    background-image: url("../img/bg-food.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media (min-width: 640px) {
    .hero-image {
    height: 32rem;
    background-image: url("../img/bg-food.jpg");
    background-size: cover;
    background-position: center;
}
}

.catamaran {
    font-family: 'Catamaran', sans-serif;
}

.yellowtail {
    font-family: 'Yellowtail', cursive;
}

.active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(202 138 4 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(202 138 4 / var(--tw-border-opacity));
}

.menu-content {
    display: none;
}

.active-content {
    display: block;
}

/* smaller, dark, rounded square */
.flickity-button {
  background: #333;
}
.flickity-button:hover {
  background: #F90;
}

.flickity-prev-next-button {
  width: 30px;
  height: 30px;
  border-radius: 5px;
}
/* icon color */
.flickity-button-icon {
  fill: white;
}

.promo-images img {
  max-width: 400px;
  height: fit-content;
}

.promo-images {
  justify-content: center;
}