body{
text-align: center;
color: white;
background-position: center center;
background-attachment: fixed;
background-size: cover;
height: auto;
width: auto;
overflow-y: scroll;
}

:root {
  --primary-color: #ff7856;
  --secondary-color: #08ff03;
  --tertiary-color: #6745ff;
}

body {
  background: linear-gradient(to right, var(--primary-color), var(--secondary-color), var(--tertiary-color));
  animation: gradient 10s ease infinite;
}

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