@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap');

body {
    background-color: #0d1117; /* Fundo escuro */
    color: #c9d1d9;
    font-family: 'JetBrains Mono', monospace;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: hidden; /* Esconde a barra de rolagem */
    transition: opacity 1s ease-in-out; /* Transição de fade para o corpo */
}

body.fade-out-page {
    opacity: 0;
}

#splash-screen {
    text-align: center;
}

.acronym {
    font-size: 5rem;
    font-weight: 700;
    color: #58a6ff; /* Azul vibrante */
    letter-spacing: 5px;
    margin: 0;
    text-shadow: 0 0 10px rgba(88, 166, 255, 0.7);
    white-space: nowrap;
    overflow: hidden;
    animation: typing 1s steps(4) forwards; /* Animação de digitação */
}

.acronym.grow-and-fade {
    animation: grow-and-fade 1s ease-in-out forwards;
}

.full-name {
    font-size: 1.2rem;
    color: #8b949e;
    margin-top: 10px;
    opacity: 0;
    animation: fade-in 1s ease-in 1.5s forwards; /* Animação de fade-in com delay */
}

.full-name.fade-out {
    animation: fade-out 0.5s ease-in-out forwards;
}

/* Animação para o efeito de digitação */
@keyframes typing {
    from { width: 0; }
    to { width: 100%; }
}

/* Animação para o efeito de fade-in */
@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Animação para o efeito de 'crescer e desaparecer' */
@keyframes grow-and-fade {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.5); opacity: 0; }
}

/* Animação para o efeito de 'desaparecer' */
@keyframes fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}