body{
  background:#1b1b1b;
  font-family:Arial;
}

/* HERO */
.hero{
  background:url("img/Hero.jpg");
  background-size:cover;
  background-position:center;
  height:400px;
}

.overlay{
  background:rgba(0,0,0,0.5);
  height:100%;
}

.hero-text{
  color:white;
  padding-top:120px;
}

/* CARD */
.product-card{
  border:none;
  border-radius:15px;
  overflow:hidden;
  transition:0.3s;
}

.product-card:hover{
  transform:translateY(-10px);
  box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

.product-card img{
  height:230px;
  object-fit:cover;
}

.harga{
  color:rgb(10, 10, 10);
  font-weight:bold;
}

/* DETAIL */
.detail-img{
  border-radius:20px;
  color:rgb(10, 10, 10)
}

a{
  text-decoration:none;
  color:rgb(10, 10, 10);
}