:root {
  --solear-background: #080026;
  --solear-primary: #f90 !important;

  --bs-primary-rgb: 255, 153, 0 !important;
  --bs-body-color: #ffffff !important;
  --bs-body-font-family: "alfabet" !important;
  --bs-body-font-weight: 300 !important;
}

body {
  background-color: var(--solear-background) !important;
}

a {
  color: var(--solear-primary) !important;
}

/* =-= NAVBAR =-= */
.solaer-logo {
  height: 22px;
}

/* =-= HERO =-= */
.background-gradient {
  height: 421px;
  width: 421px;
  border-radius: 1126px;
  background: linear-gradient(
    180deg,
    rgba(255, 153, 0, 0.2) 0%,
    rgba(255, 153, 0, 0) 100%
  );
  /* position: absolute; */
  position: fixed;
  top: -2.5rem;
  left: -6rem;
}

.hero-title {
  font-size: 37px;
}

/* =-= ABOUT SECTION =-= */
.image-border {
  border: 1px solid var(--solear-primary);
  aspect-ratio: 1/1;
}

/* =-= CONTACT SECTION */
.btn-primary {
  --bs-btn-bg: transparent !important;
  --bs-btn-color: var(--solear-primary) !important;
  --bs-btn-border-color: var(--solear-primary) !important;
  --bs-btn-border-radius: 0 !important;
  --bs-btn-padding-x: 2rem !important;
  --bs-btn-padding-y: 0.8rem !important;
  --bs-btn-hover-bg: var(--solear-primary) !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-border-color: var(--solear-primary) !important;
  --bs-btn-active-bg: var(--solear-primary) !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-border-color: var(--solear-primary) !important;
}

/* =-= FOOTER =-= */
footer {
  border-top: 2px solid var(--solear-primary);
}

/* =-= EXTENSION CLASSES =-= */
.h-screen {
  height: 75vh;
}

/* =-= RESPONSIVE =-= */
@media screen and (min-width: 400px) {
  .background-gradient {
    height: 621px;
    width: 621px;
    top: -2.5rem;
    left: -10rem;
  }
  .solaer-logo {
    height: 24px;
  }
}
/* =-= EFFECTS =-= */
a:hover {
    text-decoration: none;
}


@media screen and (min-width: 992px) {
  .background-gradient {
    height: 1126px;
    width: 1126px;
    top: -2.5rem;
    left: -30rem;
  }
  .hero-title {
    font-size: 70px !important;
  }
  .solaer-logo {
    height: 26px;
  }
}