/* Anything with <... class="scroll-text">: */
	.scroll-text-left {
	  /* 1. Is as wide as whatever contains it: */
	  width: 100%;
	  /* 2. Anything that doesn't fit within it gets hidden: */
	  overflow: visible;
	  /* 3. And text isn't allowed to wrap within it (therefore anything that "goes off the side" is hidden!): */
	  white-space: nowrap;
	  /* 4. Also, it gets an animation called "scroll-left", which
	   *    takes 15 seconds to run (15s)
	   *    at the same speed for the entire process (linear)
	   *    repeating forever (infinite)
	   */
	  animation: scroll-left 15s linear infinite;
	 
	  /* When the cursor hovers over that <... class="scroll-text">... */
	  &:hover {
	    /* ...the animation is paused. */
	    animation-play-state: paused;
	  }
	}
	
	.scroll-text-right {
		/* 1. Is as wide as whatever contains it: */
	  width: 100%;
	  /* 2. Anything that doesn't fit within it gets hidden: */
	  overflow: visible;
	  /* 3. And text isn't allowed to wrap within it (therefore anything that "goes off the side" is hidden!): */
	  white-space: nowrap;
	  /* 4. Also, it gets an animation called "scroll-left", which
	   *    takes 15 seconds to run (15s)
	   *    at the same speed for the entire process (linear)
	   *    repeating forever (infinite)
	   */
	  animation: scroll-right 15s linear infinite;
	 
	  /* When the cursor hovers over that <... class="scroll-text">... */
	  &:hover {
	    /* ...the animation is paused. */
	    animation-play-state: paused;
	  }
	}
	 
	/* This bit defines the animation called "scroll-left": */
	@keyframes scroll-left {
	  /* 1. The animation STARTS with... */
	  from {
	    /* ...the position of the contents moved 100% of its width, to the right (X), i.e. entirely "off" the right. */
	    transform: translateX(150%);
	  }
	  /* 2. The animation ENDS with... */
	  to {
	    /* ...the position of the contents moved 100% of its width, to the left (minus X), i.e. entirely "off" the left. */
	    transform: translateX(-150%);
	  }
	}
	
	/* This bit defines the animation called "scroll-left": */
	@keyframes scroll-right {
	  /* 1. The animation STARTS with... */
	  from {
	    /* ...the position of the contents moved 100% of its width, to the right (X), i.e. entirely "off" the right. */
	    transform: translateX(-150%);
	  }
	  /* 2. The animation ENDS with... */
	  to {
	    /* ...the position of the contents moved 100% of its width, to the left (minus X), i.e. entirely "off" the left. */
	    transform: translateX(150%);
	  }
	}