@charset "utf-8";



/*========= レイアウトのためのCSS ===============*/
/*
p{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
*/
/*========= body背景色の変化CSS ===============*/

body {
  width: 100%;
  height: 100vh;
  background:linear-gradient(45deg, #FFFFFF,#FFFFFF,#bbfadb);/*グラデーションを定義*/
  background-size: 600% 600%;/*サイズを大きくひきのばす*/
  animation: bggradient 20s ease infinite;
}

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