.letterDrop {
    position: relative;
    top: -400px;  
    opacity: 0.8;
    transform: rotateX(-90deg);
    animation: letterDrop 1s ease-out 1 normal forwards;
    display: inline-block;
    text-transform: uppercase; 
}
  
@keyframes letterDrop {
    10% {
        opacity: 0.5;
        top: -4.50em;
    }
    20% {
        opacity: 0.8;
        top: -3.75em;
        transform: rotateX(-360deg);
    }
    100% {
        opacity: 1;
        transform: rotateX(360deg);
        top:0
    }
}