* {
  box-sizing: border-box;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 900;
}
h1 {
  background-color: rgba(0, 0, 0, 0.777);
  color: white;
  width: 100%;
}
.hotandspicy {
  background: url(hotandspicy.jpg);

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.chilledandcold {
  background: url(chilleddrinks.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
li {
  color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.188);
  font-size: 1rem;
}