body {
    background-color: #BDBDBD;
  }
  
  .card {
    transition: transform 0.2s;
    cursor: pointer;
  }
  
  .card:hover {
    transform: scale(1.05);
  }
  
  .card img {
    height: 180px;
    object-fit: cover;
    border-radius: 5px;
  }
  a:hover, a:visited, a:link, a:active {
    text-decoration: none;
}

.hero {
  height: 80vh;
  background: url('https://source.unsplash.com/1600x900/?food,dining') center/cover no-repeat;
  color: white;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}