JSFiddle - React, Tailwind, and code Playground

HTML

<div class="animacao">
 <h1><font size="+6"> :(</font></h1><br />
 <h1>Whoops<span>Something went wrong</span></h1><br />
 <h1><span><div id="timer_div">you will be redirected in</div> seconds</span></h1>
</div>

CSS

@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }
    
    10% {
        opacity: 1;
    }
    
    90% {
        opacity: 1;
    }
    
    100% {
        opacity: 0;
    }
}

animacao {
    width: 400px;
    margin: 0 auto;
    text-align: center;
    -webkit-animation: fade 6s;
    -webkit-animation-fill-mode: both;
}