:root {
  --primary-color: #efcd2e;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Lato", sans-serif;
  background-color: #191918;
  color: white;
  font-size: 20px;
}

.text-primary {
  color: var(--primary-color) !important;
}

.bg-primary {
  background-color: var(--primary-color) !important;
}

.hero-background {
  background-repeat: no-repeat;
  width: 100%;
  height: 90vh;
  background-size: contain;
  background-image: url("/assets/images/hero.png");
}

.after-star {
  position: relative;
}

.after-star:not(:last-child)::after {
  content: "";
  height: 20px;
  width: 20px;
  display: inline-block;
  position: absolute;
  right: 0;
  transform: translateY(50%);
  background-size: contain;
  background-image: url("/assets/images/star.png");
}