@keyframes roll {
    from {
      transform: translateX(-100%);
    }
    to {
      transform: translateX(100%);
    }
  }
  
  .rolling-text {
    animation: roll 5s linear infinite;
    scale: 2

    
  }

  .rolling-text-two {
    animation: roll 12s linear infinite;
    scale: 2

    
  }

  .rolling-text-three {
    animation: roll 20s linear infinite;
    scale: 2

    
  }

  .rolling-text-four {
    animation: roll 16s linear infinite;
    scale: 2

    
  }

  .rolling-text-biggish {
    animation: roll 20s linear infinite;
    scale: 8

    
  }
  
  .rolling-text:hover {
    animation-play-state: paused;
  }

  @keyframes horizontal {
    from {
        transform: translateX(-100%);
      }
      to {
        transform: translateX(100%);
      }
  }

  @keyframes vertical {
    from {
        transform: translateY(-100%);
      }
      to {
        transform: translateY(100%);
      }
  }

   .textsidescrollbig {
    animation: horizontal 100s linear infinite;
    scale: 300;
  }

  a:link {
		color: lime;
		text-decoration: none;
		}

    .shakeylink {
      width: 200px;
      height: 100px;
      position: relative;
      animation-name: shakeyL;
      animation-duration: 0.5s;
      animation-iteration-count:infinite;
      margin: 0 auto;
    }
    
    @keyframes shakeyL {
      0%  {left:0px; top:0px;}
      25% {left:24px; top:12px;}
      50% {left:16px; top:20px;}
      75% {left:10px; top:18px;}
      100%{left:0px; top:0px;}
    }

    ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

    li {
      display: inline;
      animation-name: LineShake;
      animation-duration: 0.5s;
      animation-iteration-count:infinite;
    }

    @keyframes LineShake {
      0%  {left:0px; top:0px;}
      25% {left:24px; top:12px;}
      50% {left:16px; top:20px;}
      75% {left:10px; top:18px;}
      100%{left:0px; top:0px;}
    }
  
    .link-container {
      display: flex; /* creates a flex container for the links */
      justify-content: center; /* centers the links horizontally */
      margin-top: 20px; /* adds some space above the links */
    }
    .link {
      margin: 0 10px; /* adds some space between the links */
      font-size: 1.2em; /* sets the font size of the links */
      color: lime; /* sets the color of the links */
      text-decoration: none; /* removes the underline from the links */
      animation: shake 0.8s linear infinite; /* sets the animation to shake */
    }
    .link:nth-child(1) {
      animation-delay: 0.1s; /* starts the first link 0.1s after the others */
    }
    .link:nth-child(2) {
      animation-delay: 0.2s; /* starts the second link 0.2s after the others */
    }
    .link:nth-child(3) {
      animation-delay: 0.3s; /* starts the third link 0.3s after the others */
    }
    .link:nth-child(4) {
      animation-delay: 0.4s; /* starts the fourth link 0.4s after the others */
    }
    .link:nth-child(5) {
      animation-delay: 0.5s; /* starts the fifth link 0.5s after the others */
    }
    @keyframes shake {
      0% {
        transform: translateX(0); /* starts the links in their original positions */
      }
      25% {
        transform: translateX(-5px); /* shakes the links to the left */
        transform: translateY(10px);
      }
      75% {
        transform: translateX(5px); /* shakes the links to the right */
      }
      100% {
        transform: translateX(0); /* returns the links to their original positions */
      }
    }