/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  position: relative; /* Or absolute, fixed, sticky */
  /* Other styles for the parent container */
  background-color: white;
  color: #FFFFFF;
  font-family: Arial;
  display: flex;
  justify-content: center; /* Horizontally centers content */
  align-items: center;    /* Vertically centers content */
  height: 100vh;          /* Example: Takes full viewport height */
  background-image: url('images/millenium.gif');
  background-size: cover; /* Scales the GIF to cover the entire element */
  background-position: center; /* Centers the GIF within the element */
  background-repeat: no-repeat; /* Prevents the GIF from repeating */
  background-attachment: fixed; /* Keeps the GIF fixed while content scrolls (optional) */
}


h1 {
  color: white;
  font-family: Courier new;
  position: absolute;
  bottom: 0; /* Positions the element at the bottom edge of its positioned parent */
  left: 0; /* Optional: to position at bottom-left */
  right: 0; /* Optional: to position at bottom-right */
  /* Other styles for the element */
  animation: slide-right-to-left 10s linear infinite; /* Apply the animation */
}


    @keyframes slide-right-to-left {
      0% {
        transform: translateX(100vw); /* Start off-screen to the right */
      }
      100% {
        transform: translateX(-100%); /* Move off-screen to the left */
      }
    }