JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container"> 
    <div class="conteudo-banner">
        <div class="code-logo">
            <span>&lt;</span>
            <span>/</span>
            <span>Code</span>
            <span>&gt;</span>
        </div>
    </div>
</div>

CSS

.banner{
background-color: #FFFFFF;
padding: 98px 0 240px;
}

.conteudo-banner{
    margin-top: 65px;
}

.conteudo-banner h1{
    font-family: techno_hideo;
    font-size: 13.5em;
    color:#000000 ;
    text-align: center;
}

.code-logo{
    position: absolute;
    left: 50%;
    top: 20em;
}

.conteudo-banner .code-logo span{
    font-size: 6.5em;
    text-transform: uppercase;
    letter-spacing: -3px;
    font-weight: 700;
}

.conteudo-banner .code-logo span:nth-child(1),
.conteudo-banner .code-logo span:nth-child(2),
.conteudo-banner .code-logo span:nth-child(4){
    color:#292570;
    font-size: 7.5em;
    font-weight: 700;
}
.conteudo-banner .code-logo span:nth-child(2){
    font-size: 6em;
    display: inline-block;
    position: relative;
    top:-4px; 
}

.conteudo-banner .code-logo span:nth-child(3){
    font-style:italic;
}