:root {
  --black: #1a1b1e;
  --white: #e4e6ec;
  --invisible: rgba(221, 221, 221, 0);
  --cyan: #81d8d0;
  --orange: #ff8000;
  --blue: #3469b7;
  --white-transparent: rgba(228, 230, 236, .1);
}

body {
  background-color: var(--black);
  color: var(--white);
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.background {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

/* .background {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  top: 9%;
  bottom: 0%;
  left: -16%;
  right: 0%;
} */

.background.is-global {
  position: fixed;
}

.glow-position.is-left {
  align-self: center;
  position: absolute;
  top: 0%;
  bottom: 38.3vh;
  left: -17.7vh;
  right: 0%;
}

/* .glow-position.is-left {
  align-self: center;
  position: absolute;
  top: 5.6vh;
  bottom: auto;
  left: -9.5vw;
  right: auto;
} */

.glow-position.is-right {
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 64.3vh;
  left: 45.6vw;
  right: 83%;
}

/* 
.glow-position.is-right {
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: -11.7vh;
  left: -51.4vw;
  right: 0;
} */

.glow-position.is-center {
  align-self: center;
  position: absolute;
  top: 62.7vh;
  bottom: auto;
  left: auto;
  right: -13.2vw;
}

/* .glow-position.is-center {
  align-self: center;
  position: absolute;
  top: -6.3vh;
  bottom: auto;
  left: auto;
  right: -5.2vw;
} */

.glow-sphere {
  background-image: linear-gradient(180deg, var(--orange), var(--cyan) 49%, var(--blue));
  filter: blur(7rem);
  transform-style: preserve-3d;
  border-radius: 100%;
  width: 20vw;
  height: 20vw;
  transform: translate3d(1px, 1px, 1px);
}

.dark-overlay {
  z-index: -1;
  background-image: linear-gradient(201deg, var(--invisible), black);
  opacity: .39;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.check-item {
  object-fit: contain;
  width: 1rem;
  height: 1rem;
}

.cut-overlay {
  overflow: hidden;
}

.text-cyan {
  color: var(--cyan);
}

.particles {
  opacity: .2;
}