JSFiddle - React, Tailwind, and code Playground

HTML

<section class="banner" id="banner">
    <div class="banner-text">
        <h2>Hola, yo soy <span>Diego Donoso</span>.</h2> 
        <h3>Técnico Analista Programador.</h3>
        <a href="#about" class="btn">Sobre Mí</a>
    </div>
</section>

CSS

.banner{
text-align:center;

}
.banner h2, .bannerh3{
 line-height:28px;
}