.textrain {
  position: relative; }
  .textrain .char {
    position: relative;
    display: inline-block;
    width: auto;
    top: -10rem;
    opacity: 0;
    filter: blur(10px);
    animation: _textrain 2s ease-out forwards; }

@keyframes _textrain {
  0% {
    top: -10rem;
    opacity: 0;
    filter: blur(10px); }
  100% {
    top: 0;
    opacity: 1;
    filter: blur(0px); } }