body {
  background:
    linear-gradient(rgba(5, 5, 5, 0.55), rgba(5, 5, 5, 0.75)),
    url("images/home-hero.jpg") center/cover fixed;
}

.hero {
  background: linear-gradient(135deg, #ff2fb3, #7b2cff);
  color: white;
  text-align: center;
  padding: 6rem 2rem;
}

.hero h1 {
  font-size: 3rem;
  font-weight: 900;
}

.card {
  background: rgba(255, 47, 179, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.22);
}