@charset "utf-8";

/*========= body背景色の変化CSS ===============*/
body {
  width: 100%;
  /* height: 100vh; */
  height: 100%;
  /*グラデーションを定義*/
  /* background: linear-gradient(90deg, #3bade3, #9844b7, #44ea76); */
  /* background: linear-gradient(90deg,rgba(117, 182, 255, 1),rgba(233, 240, 250, 1)); */

  /* background: linear-gradient(90deg, #ffffff 0%, rgb(169, 202, 252) 100%); */
  background: linear-gradient(90deg, #ffffff 0%, rgb(199, 218, 247) 100%);

  background-size: 200% 200%; /*サイズを大きくひきのばす*/
  animation: bggradient 5s ease infinite;
}

@keyframes bggradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}