.background-radial-gradient {
  background-color: hsl(218, 41%, 15%);
  background-image: radial-gradient(
      650px circle at 0% 0%,
      hsl(218, 41%, 35%) 15%,
      hsl(218, 41%, 30%) 35%,
      hsl(218, 41%, 20%) 75%,
      hsl(218, 41%, 19%) 80%,
      transparent 100%
    ),
    radial-gradient(
      1250px circle at 100% 100%,
      hsl(218, 41%, 45%) 15%,
      hsl(218, 41%, 30%) 35%,
      hsl(218, 41%, 20%) 75%,
      hsl(218, 41%, 19%) 80%,
      transparent 100%
    );
}

@keyframes color {
    0%   { top: 5%; }
    50%   { top: 10%; }
    100% { top : 5%;}
  }

#radius-shape-1 {
  height: 220px;
  width: 220px;
  top: -60px;
  left: -130px;
  animation: color 4s infinite linear;
  background: content-box;
  overflow: hidden;
  background-size: contain;
  background-image: url(../../../image/catalog/catalog/moon-star.png);
}
#radius-shape-2 {
  /* border-radius: 38% 62% 63% 37% / 70% 33% 67% 30%; */
  bottom: -60px;
  right: -110px;
  width: 300px;
  height: 300px;
  animation: color 4s infinite linear;
  /* background: radial-gradient(#44006b, #ad1fff);
  overflow: hidden; */
  background-size: contain;
  background-image: url(../../../image/catalog/catalog/moon-star.png);
}
.bg-glass {
  background-color: hsla(0, 0%, 100%, 0.9) !important;
  backdrop-filter: saturate(200%) blur(25px);
}