/* .home-bg { */
.gradientbg {
  /* background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); */
  /* background: radial-gradient(circle, #c36f7f, #e2000f, #870111, #e2000f); */
  background: radial-gradient(ellipse, #c36f7f, #e2000f, #870111, #e2000f);
  background-size: 300% 300%;
  /* background-size: 200%; */
  animation: gradient 15s ease infinite;
  /* animation: gradient 12s ease-in infinite alternate; */
  /* height: 100vh; */
}

@keyframes gradient {
  0% {
    background-position: 0% 100%;
  }
  25% {
    background-position: 100% 200%;
  }
  50% {
    background-position: 0% 100%;
  }
  75% {
    background-position: -100% 0%;
  }
  100% {
    background-position: 0% 100%;
  }
}