@keyframes outline_fadeOut {
    0% {
      opacity: 0;
    }

    5% {
      opacity: 1;
    }

    10% {
      opacity: 1;
    }

    20% {
      opacity: 0;
    }

    100% {
      opacity: 0;
    }
  }

  @keyframes trickster_fadeIn {
    0% {
      opacity: 0;
    }

    10% {
      opacity: 0;
    }

    20% {
      opacity: 1;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes life_fadeInOut {
    0% {
      opacity: 0;
    }

    15% {
      opacity: 0;
    }

    25% {
      opacity: 1;
    }

    30% {
      opacity: 1;
    }

    35% {
      opacity: 0;
    }

    100% {
      opacity: 0;
    }
  }
  
  @keyframes and_fadeInMove {
    0% {
      opacity: 0;
      left: 13.4rem;
    }

    35% {
      opacity: 0;
      left: 13.4rem;
    }

    40% {
      opacity: 1;
      left: 13.4rem;
    }

    45% {
      opacity: 1;
      left: 13.4rem;
    }

    60% {
      opacity: 1;
      left: 8.5rem;
    }

    100% {
      opacity: 1;
      left: 8.5rem;
    }
  }

  @keyframes span_fadeInMove {
    0% {
      opacity: 0;
      left: 16.8rem;
    }

    20% {
      opacity: 0;
      left: 16.8rem;
    }

    30% {
      opacity: 1;
      left: 16.8rem;
    }

    45% {
      opacity: 1;
      left: 16.8rem;
    }

    60% {
      opacity: 1;
      left: 7rem;
    }

    100% {
      opacity: 1;
      left: 7rem;
    }
  }

  @keyframes logo_move {
    0% {
      top: 30vh;
      left: 25vw;
    }

    60% {
      top: 30vh;
      left: 25vw;
    }

    75% {
      top: 2rem;
      left: 2rem;
    }

    100% {
      top: 2rem;
      left: 2rem;
    }
  }

  @keyframes entry_fadeIn {
    0% {
      opacity: 0;
    }

    75% {
      opacity: 0;
    }

    85% {
      opacity: 1;
    }

    100% {
      opacity: 1;
    }
  }