body {
margin:0px;
padding: 0px;
background:white;
height:700px;
width:600px;
overflow:auto;
background-image: repeating-linear-gradient(
-50deg,
#77d1b8,
#77d1b8 50px,
#91edd3 50px,
#91edd3 100px
);
background-size: 200%;
background-position: center;
background-attachment: fixed;
animation: animateBg linear infinite alternate;
}
@keyframes animateBg{
100%{
background-position: left;
}
}
}
* {
box-sizing: border-box;
scroll-behavior: smooth;
}
#main {
display: flex;
justify-content: center;
width: 162vh;
height: 132vh;
position: relative;
background-image: repeating-linear-gradient(
-50deg,
#77d1b8,
#77d1b8 50px,
#91edd3 50px,
#91edd3 100px
);
background-size: 200%;
background-position: center;
background-attachment: fixed;
animation: animateBg linear infinite alternate;
}
@keyframes animateBg{
100%{
background-position: left;
}
}
@media (max-width: 1000px) {