.panel-intro .letters {
    font-family: "Brandon Printed One";
    font-size: 26px;
    letter-spacing: -0.025em;
    color: #00A1CA;
}

.panel-intro .letters span {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px) scale(0.25);
}

.panel-intro .letters span.active {
    animation: letter-anim 400ms linear 0.5s 1 forwards;
}

@keyframes letter-anim {
    0% {
      opacity: 0;
      transform: translateY(20px) scale(0.25);
    }
    50% {
      opacity: 1;
    }
    55% {
      transform: translateY(-50px) translateX(15px) scale(1.5);
    }
    100% {
      opacity: 1;
      transform: translateY(0px) translateX(0px) scale(1);
    }
}

@media (min-width: 1025px) {
    .panel-intro .letters {
        font-size: 54px;
    }
}