/* *** INÍCIO DA SEÇÃO DA FONTE PERSONALIZADA *** */
@font-face {
    font-family: 'QuantumRegular';
    /* INSTRUÇÕES:
        1. Vá a um site conversor de fontes para Base64 (ex: base64.guru/converter/font).
        2. Faça o upload do seu arquivo Quantumregular-MVmXr.otf.
        3. Copie o código CSS gerado.
        4. Substitua a linha abaixo pelo código que você copiou.
    */
    src: url('../fonts/Quantumregular-MVmXr.otf') format('opentype');
}

/* *** FIM DA SEÇÃO DA FONTE PERSONALIZADA *** */

/* Estilo customizado para a fonte e animações */
body {
    /* Aplicando a nova fonte como padrão */
    /* font-family: 'QuantumRegular', sans-serif; */
    background-color: #1a202c;
    /* Cor de fundo escura */
}

.letter {
    /* Transição suave para as propriedades 'left', 'transform' e 'color' */
    transition: left 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), color 1.5s ease-in-out;
    position: absolute;
    /* A cor inicial agora é definida via JavaScript */
}

.word-container {
    /* Aplicando a fonte personalizada apenas a este container */
    font-family: 'QuantumRegular', sans-serif;
    position: relative;
    height: 100px;
    /* Altura para acomodar as letras */
}