body, html {
    background-color: #121212 !important;
}

/* Estilizando o texto com gradiente */
.gradient-text {
    position: relative;
    color: transparent; /* Torna o texto transparente para mostrar o gradiente por trás */
  }
  
  .gradient-text::after {
    content: "Mais que Design Gráfico"; /* Necessário para criar o elemento pseudo ::after */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; /* Coloca o gradiente atrás do texto */
    background-image: -webkit-linear-gradient(0deg, #EF552C, #d300ff, #00ffff);
    -webkit-background-clip: text; /* Para compatibilidade com navegadores WebKit (Safari/Chrome) */
    background-clip: text; /* Faz o gradiente aparecer apenas onde o texto está */
    background-size: 200% 100%; /* Ajusta o tamanho do gradiente */
    -webkit-animation: gradientAnimation 5s linear infinite; /* Definindo a animação */
    animation-fill-mode: forwards;
    animation-direction: alternate;
  }
  
  /* Definindo a animação */
    @-webkit-keyframes gradientAnimation {
        0% {
            background-position: 0% 0; /* Começa fora da tela à esquerda */
        }
        100% {
            background-position: 100% 0; /* Termina fora da tela à direita */
        }
    }