html, body {
  height: auto;
  min-height: 100%;
  margin: 0;
  padding: 0;
 
}

body video {

  z-index: 2;
  mix-blend-mode: screen;
  pointer-events: none;
}
.custom-text {
  background: radial-gradient(
    172.49% 102.14% at 0% 41.39%,
    #0d8de7 0%,
    #090524 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#app {
  display: flex;
  flex-direction: column;
  position: relative;
}

/* // MAIN */

main {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow-x: hidden;
}

main .hero-banner .wrapper h1 {
  text-align: center;
}
main .hero-banner .wrapper p {
  text-align: center;
}

.blue-cta {
  font-family: "Funnel Sans";
  background-color: var(--Powder-Blue, #006fff);
  padding: 16px;
  width: 220px;
  border-radius: 40px;
  font-weight: 600;
  border: none;
  color: #fff;
}

.hp-cta {
  position: absolute;
  bottom: 9rem;
  z-index: 4;
}

@media(max-width: 1024px) {
  .hp-cta {
    border: solid 1px #fff;
    position: static;
  }
}