/* Estilo para a área da animação */
.matrix-background {
    position: absolute;
    top: 95px;
    left: 0;
    width: 100%;
    height: 50px; /* Ajuste a altura conforme necessário */
    background: black;
    color: green;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10; /* Certifique-se de que fique no topo */
}

/* Estilo para o texto que se move */
.matrix-code {
    display: inline-block;
    font-family: monospace;
    font-size: 18px;
    white-space: nowrap;
    padding-left: 100%; /* Começa fora da tela */
    animation: scroll-horizontal 50s linear infinite;
}

/* Animação de movimento do texto */
@keyframes scroll-horizontal {
    0% {
        transform: translateX(100%); /* Inicia fora da tela à direita */
    }
    100% {
        transform: translateX(-100%); /* Move o texto para fora da tela à esquerda */
    }
}