@import "tailwindcss";
body {
  font-family: "Roboto", sans-serif;
}
.hero-pattern {
  background-color: #0f172a;
  background-image: url("https://images.unsplash.com/photo-1519681393784-d120267933ba?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80");
  background-blend-mode: overlay;
  background-size: cover;
  background-position: center;
}
.product-item {
  transition: opacity 0.3s ease-in-out;
}