/* Define the animation that moves the background image */
@keyframes slide-right {
    /* Start with the image at its normal position */
    from {
        background-position: 0 0;
    }
    /* Move the image to the right by 100% of its width */
    to {
        background-position: -100% -50%;
    }
}

body {
    /* The URL for the background image. Replace this with your own image URL. */
    background-image: url('/background.png');
    background-size: auto;
    background-repeat: repeat;
    
    /* Apply the animation.
       - slide-right: The name of our animation.
       - 60s: The duration of one cycle (60 seconds, very slow).
       - linear: The speed curve (constant speed).
       - infinite: The animation repeats forever. */
    animation: slide-right 120s linear infinite;
    
    height: 100vh;
    margin: 0;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    color: black; /* Text color changed for visibility against the lighter background */



}


#container {
  
 width:200px;
 height:200px;
 background-color:black;
 border:1px solid white;
}