:root {
  --bg-color: #000000;
  --accent-color: #e1a34b;
  --font-primary: "ClearSans", sans-serif;
}

.bg-darker {
  background-color: #0a0a0a;
}

h1,
h2,
h3 {
  font-family: var(--font-primary);
  text-transform: uppercase;
}

h1,
h2 {
  color: var(--accent-color);
}

#hero {
  min-height: 100vh;
  background-image: url("../img/star-texture.svg"),
    linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85));
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.cta-gold {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--bg-color);

  padding: 0.75rem 2rem;
  transition: transform0.3 sease, background-color 0.3 sease, color 0.3 sease;
  text-transform: uppercase;
}

.cta-gold:hover {
  background-color: #fff;
  border-color: #fff;
  color: var(--bg-color);
  transform: scale(1.05);
}

.footer-logo {
  max-width: 150px;
}

.link-gold {
  color: var(--accent-color);
  text-decoration: none;
  transition: color0.3 sease;
}

.link-gold:hover {
  color: #fff;
}

.icon-feature {
  font-size: 3rem !important;
  color: var(--accent-color);

  display: block;
}