body {
    margin: 0;
    overflow: hidden; /* Prevent scrollbars if stripes extend beyond viewport */
}

.moving-stripes-background {
    width: 100vw;
    height: 100vh;
    background-image: repeating-linear-gradient(
        -45deg, /* Angle of the stripes */
        #FFB8BF, /* Light stripe color */
        #FFB8BF 50px, /* Light stripe width */
        #FEA3AA 50px, /* Dark stripe color */
        #FEA3AA 100px /* Dark stripe width */
    );
    background-size: 200% 200%; /* Make background larger than viewport for smooth animation */
    animation: moveStripes 20s linear infinite; /* Animation name, duration, timing, and repeat */
}

@keyframes moveStripes {
    0% {
        background-position: 0% 0%; /* Starting position */
    }
    100% {
        background-position: 100% 100%; /* Ending position (moves diagonally) */
    }
}