/* CORE */

body {
  background-image: url("https://images.unsplash.com/photo-1570560258879-af7f8e1447ac?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8ZmFuY3klMjByZXN0YXVyYW50fGVufDB8fDB8fHww&w=1000&q=80");
  background-size: cover;
  background-position: center;
}

main {
  /* From https://css.glass */
  background: rgba(40, 40, 40, 0.515);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(9px);
  height: 100%;
  backdrop-filter: blur(9px);
}

/* SUB-CORE */

.height-100 {
  height: 100dvh;
}

.logo {
  height: 4rem;
  width: 4rem;
}

/* MENU ITEMS */

.menu-item-image {
  height: 10rem;
  width: 90%;
}

.menu-items-section {
  overflow-y: auto;
  max-height: 85dvh;
}

.menu-items-section::-webkit-scrollbar {
  display: none;
}

.menu-item {
  background-color: rgba(0, 0, 0, 0.579);
  border: 1px solid white;
}

.menu-item:hover {
  box-shadow: 0px 0px 10px white;
  cursor: pointer;
}

/* FILTER MENU */

.filter-menu {
  height: 100%;
}

/* FONT */

.text-shadow {
  text-shadow: 0px 0px 5px black;
}

.small-font {
  font-size: 0.85rem;
}

/* CART */

.cart-image {
  height: 3rem;
  width: 3rem;
}

/* MODAL */

.modal-content {
  background-image: url("https://i.pinimg.com/1200x/70/40/d2/7040d2c68c22512eb6be6c0bf43ed1f5.jpg");
  border: 2px white solid !important;
  color: white !important;
}

.modal-body {
  background: rgba(27, 27, 27, 0.765);
  -webkit-backdrop-filter: blur(3px);
  height: 100%;
  backdrop-filter: blur(3px);
}

/* BORDERS */

.border-white {
  border: 1px white solid;
}