@use "/src/styles/utils.scss";

.background {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  width: 100%;
  background-color: #010514;
  z-index: -1;
  display: flex;
  justify-content: center;
  @include utils.noise-bg;
}

.inner {
  transform: translateY(40%);
  width: 60vw;
  height: 100vh;
  background: radial-gradient(#00814f, #1c0161);
  background-size: contain;
  background-repeat: repeat;
  filter: blur(502px);
  transition: 0.5s;
}
.opponent .inner {
  background: radial-gradient(#ff5100, #54005f98);
  transform: translateY(-50%);
  filter: blur(602px);
  opacity: 0.8;
}
