.header-container,
.footer-container {
position: relative;
}
@media screen and (max-width: 834px) {
.content-in {
padding-left: 10px;
padding-right: 10px;
}
}
.body {
position: relative;
}
.raku-changing {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.raku-changing {
animation-name: change;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes change {
0% {
background-position: 100% 0;
}
25% {
background-position: 100% 100%;
}
50% {
background-position: 0 100%;
}
75% {
background-position: 100% 100%;
}
100% {
background-position: 100% 0;
}
}