body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.navbar {
  margin-left: 0rem;
}
.main-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.heading {
  font-family: var(--logo-font);
  padding-top: 90px;
  font-size: 5rem;
  font-weight: 700;
}
.subheading {
  font-size: 1.8rem;
  margin-top: 2rem;
}
.ui-text {
  background: -webkit-linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(63, 55, 201, 1) 50%,
    rgba(0, 212, 255, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.branding {
  color: var(--blue);
}
.logo-text {
  margin-left: 4rem;
}
.nav-right {
  margin-right: 0;
}
.buttons-cta {
  margin-top: 2.4rem;
}
.btn {
  font-weight: 650;
  padding: 1rem;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.14);
  margin-right: 0.5rem;
}
.btn-primary {
  background-color: var(--primary-color);
  opacity: 0.8;
  color: var(--white);
}
.btn-primary:hover {
  background-color: var(--primary-color);
  opacity: 1;
  transition: 0.2s ease-out;
}
.btn-secondary {
  background-color: var(--secondary-color);
  opacity: 0.8;
  color: black;
}
.btn-secondary:hover {
  background-color: var(--secondary-color);
  opacity: 1;
  transition: 0.2s ease-out;
}