html, body {
	width: 100%;
	height:100%;
  }
  
  body {
	  background: linear-gradient(var(--1),var(--3), var(--4));
	  background-size: 400% 400%;
	  /* animation: gradient 15s ease-in-out infinite;
      animation-direction: alternate; */
  }
  
  @keyframes gradient {
	  0% {
		  background-position: 0% 50%;
	  }
	  50% {
		  background-position: 100% 50%;
	  }
	  100% {
		  background-position: 0% 50%;
	  }
  }
  

  /* test */