body {
  background-color: #7f5a83;
  background-image: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
}

body {
  font-family: serif;
}

.hero-section {
  background: linear-gradient(90deg, #7f00ff, #e100ff);
  color: white;
}

.btn-primary {
  background-color: #7f00ff;
  border: none;
}

.btn-primary:hover {
  background-color: #6c00d6;
}

body {
  font-family: serif;
}

.hero-section {
  background: linear-gradient(90deg, #7f00ff, #e100ff);
  color: white;
}

.btn-primary {
  background-color: #7f00ff;
  border: none;
}

.btn-primary:hover {
  background-color: #6c00d6;
}