/* Remove default spacing */
body {
  margin: 0;
  overflow: hidden;
}

/* Diagonally scrolling background */
.background {
  position: fixed;
  top: 0;
  left: 0;

  /* Covers entire screen */
  width: 200%;
  height: 200%;

  /* Your image */
  background-image: url("axebg.png");

  /* Make tiles smaller */
  background-size: 200px 200px; /* 👈 adjust this */

  /* Tile in both directions */
  background-repeat: repeat;

  /* Animation */
  animation: scroll 30s linear infinite;

  z-index: -1;
}

/* Move left + down */
@keyframes scroll {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(-50%, -50%);
  }
}
