body {
    margin: 0;
    padding: 0;
    font-family: 'KoHo', sans-serif;
    background-color: #f2f2f2; /* Cor de fundo do corpo */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; /* Para alinhar verticalmente os elementos */
    height: 100vh; /* Altura total da tela */
}

h1, h3, .botao-voltar-home {
    opacity: 0;
    animation: fadeInAnimation 4s ease forwards;
}

.button-voltar-home {
    margin-top: 20px; /* Adiciona espaço acima do botão */
    display: flex;
    justify-content: center;
    align-items: center;
}

.botao-voltar-home {
    display: inline-block;
    padding: 15px 100px;
    font-size: 20px;
    font-family: 'KoHo', sans-serif;
    color: rgb(0, 0, 0);
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    margin: 20px auto; /* Centraliza o botão horizontalmente */
    display: block; /* Para garantir que o botão se comporte como um bloco */
}

@keyframes fadeInAnimation {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media only screen and (max-width: 600px) {
    /* Estilos para dispositivos com largura máxima de 600px (layout responsivo) */
    h1 {
        font-size: 24px; /* Tamanho da fonte ajustado para dispositivos menores */
    }
    h3 {
        font-size: 16px; /* Tamanho da fonte ajustado para dispositivos menores */
    }
}