@keyframes rl-loading {
  0% {}
  20% {
      background: white;
      transform: scale(1.5);
  }
  40% {
      background: #41f3fd;
      transform: scale(1);
  }
}

@keyframes jump-and-rotate {
    0% {
      transform: translateY(0) rotateY(0deg);
    }
    20% {
      transform: translateY(-40px) rotateY(360deg);
    }
    40% {
      transform: translateY(0) rotateY(0deg);
    }
    60% {
      transform: translateY(-40px) rotateY(360deg);
    }
    80% {
      transform: translateY(0) rotateY(0deg);
    }
    90% {
      transform: translateY(-40px) rotateY(360deg);
    }
    100% {
      transform: translateY(0) rotateY(0deg);
    }
  }

  @keyframes navAppear {
    0% {
      background-color: transparent;
    }
    100% {
      background-color: #9e9e9e9d;
    }
  }

  @keyframes gradient {
    0% {
          background-position: 0% 50%;
      }
      50% {
          background-position: 100% 50%;
      }
      100% {
          background-position: 0% 50%;
      }
  }
  
  
  
  @keyframes cursor {
    from, to {
      border-color: transparent;
    }
    50% {
      border-color: black;
    }
  }
  @keyframes typing {
    from {
      width: 100%;
    }
    90%, to {
      width: 0;
    }
  }
  @keyframes slide {
    33.3333333333% {
      font-size: 3rem;
      letter-spacing: 3px;
    }
    to {
      font-size: 0;
      letter-spacing: 0;
    }
  }
  

  @keyframes show {
    from {
      opacity: 0; scale: 10%;
    }
    to {
      opacity: 1; scale: 100%;
    }
  }

  @keyframes entrada {
    0% {
      transform: translateY(-100%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }

  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  
  .fade-in {
    animation: fadeIn 0.3s ease-in-out;
  }