/* 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 {
  background-image: url("https://molluskfrollics.neocities.org/assets/home/BG.jpg");
  animation: scrollingBg 60s infinite linear;
  background-size: 300px;
  color: white;
  font-family: Helvetica;
  cursor: url('https://cdn.cursors-4u.net/previews/tuna-fish-d74aaa66-32.webp') 32 32, auto !important;
}
    @keyframes scrollingBg {
        from { background-position: 0px 0px; }

        /* Assuming you have a background image that's 64x64 pixels: */
        to { background-position: -222px -544px; } /* Bg moves up  */
        /* to { background-position: 64px -64px; } Bg moves top-right */
        /* to { background-position: 64px 0px; } Bg moves right */
        /* to { background-position: 64px 64px; } Bg moves bottom-right */
        /* to { background-position: 0px 64px; } Bg moves down */
        /* to { background-position: -64px 64px; } Bg moves bottom-left */
        /* to { background-position: -64px 0px; } Bg moves left */
        /* to { background-position: -64px -64px; } Bg moves top-left */
    }

    /* Disables the animation based on browser preferences */
    @media (prefers-reduced-motion: reduce) {
        .animatedBg { animation: none; }
    }
a:link {
  color: yellow;
}
a:hover {
  color: white;
  cursor: url('https://cdn.cursors-4u.net/previews/chicken-of-the-sea-tuna-a6af99d9-32.webp') 32 32, auto !important;
}
a:visited {
  color: #788545;
}