function mensagensVazias(errorMessageElement, usernameElement, passwordElement) {


    errorMessageElement.innerHTML = `<p>Preencha ambos os campos</p>`;//mensagem de erro padrão

    usernameElement.style.borderColor = 'red';//corpo do input usuario em vermelho.
    passwordElement.style.borderColor = 'red';//corpo do input senha em vermelho.

    errorMessageElement.style.height = '10vh';//Altura do bloco de apresentação
    errorMessageElement.style.opacity = '1';//Opacidade do bloco de apresentação
    errorMessageElement.style.transition = '1s ease';//transição

    setTimeout(() => {//Aplicação de tempo para retirar os efeitos

        errorMessageElement.style.height = '0vh'; // Reduz o tamanho do bloco para  Oculta a mensagem
        usernameElement.style.borderColor = '#1478cf'; //volta a cor do inptu, de usuário ao seu padrão
        passwordElement.style.borderColor = '#1478cf';
        //volta a cor do inptu, de senha ao seu padrão
        errorMessageElement.style.opacity = '0'; // define a opacidade do painel de erro a zero
        errorMessageElement.style.transition = '1s ease'; // define uma tansição suave para tudo isso.
    }, 5000); //definie um time de 5 segundos, contados em milesegundos 5.000

}

async function RespostasErro(comunica, response, errorMessageElement, usernameElement, passwordElement, erro5003) {

    /*Caso erro, onde o email usado é invalido*/
    if (comunica === 400) {

        errorMessageElement.innerHTML = `<p>O E-mail usado é invalido, o formato esperado é "usuario@domino.com.br"</p>`;


        errorMessageElement.style.height = '10vh';
        errorMessageElement.style.opacity = '1';

        usernameElement.style.borderColor = 'red'; // Marca o campo do usuário com erro
        errorMessageElement.style.transition = ' 1s ease';

        const tempoDeExibicao = 5000;
        setTimeout(() => {

            usernameElement.style.borderColor = '#1478cf'; // Marca o campo do usuário com erro
            errorMessageElement.style.height = '0vh'; // Oculta a mensagem
            errorMessageElement.style.opacity = '0';
            errorMessageElement.style.transition = ' 1s ease';
        }, tempoDeExibicao);

    }

    /*Caso erro, quando há um erro na autenticação com o banco de dados*/
    if (comunica === 401) {

        errorMessageElement.innerHTML = `<p>Erro na autenticação, informe ao suporte, no e-mail suporte@itguys.com.br</p>`;


        errorMessageElement.style.height = '10vh';
        errorMessageElement.style.opacity = '1';
        errorMessageElement.style.transition = ' 1s ease';

        const tempoDeExibicao = 5000;
        setTimeout(() => {

            errorMessageElement.style.height = '0vh'; // Oculta a mensagem
            errorMessageElement.style.opacity = '0';
            errorMessageElement.style.transition = ' 1s ease';
        }, tempoDeExibicao);

    }

    /*Caso erro, onde o usuário ou senha podem estar incorretos*/
    if (comunica === 404) {

        errorMessageElement.innerHTML = `<p>Usuário ou Senha, estão incorretos</p>`;


        errorMessageElement.style.height = '10vh';
        errorMessageElement.style.opacity = '1';

        usernameElement.style.borderColor = 'red'; // Marca o campo do usuário com erro
        passwordElement.style.borderColor = 'red'; // Marca o campo da senha com erro
        errorMessageElement.style.transition = ' 1s ease';

        const tempoDeExibicao = 5000;
        setTimeout(() => {

            usernameElement.style.borderColor = '#1478cf'; // Marca o campo do usuário com erro
            passwordElement.style.borderColor = '#1478cf'; // Marca o campo da senha com erro
            errorMessageElement.style.height = '0vh'; // Oculta a mensagem
            errorMessageElement.style.opacity = '0';
            errorMessageElement.style.transition = ' 1s ease';
        }, tempoDeExibicao);

    }

    /*Caso de erro especial, que é apresentado em um pop up, essa estrutura pega a informações da resposta em json e os apresenta sobre o pop up na tela*/
    if (comunica === 500) {

        const erro_500 = await response.json();
        const erroMessage = JSON.stringify(erro_500, null, 2); // O segundo argumento é para substituição, e o terceiro é para a indentação

        erro5003.innerHTML =
            "<div class='colum_1'><button id='fechar' class='X'>X</button></div>"
            +
            "<div class='colum_2'><p> Contate o suporte suporte@itguys.com.br e informe esse erro"
            +
            erroMessage
            +
            "</p></div>";
        erro5003.style.height = '45vh'; // Oculta a mensagem
        erro5003.style.opacity = '1';
        erro5003.style.transition = ' 1s ease';

        //função para fechar o pop up de erro.
        var botao = window.document.getElementById('fechar');

        botao.addEventListener('click', clicou);

        function clicou() {
            erro5003.style.height = '0vh'; // Oculta a mensagem
            erro5003.style.opacity = '0';
            erro5003.style.transition = ' 1s ease';
        }

    }

    /*Caso de erro, onde acontece um problema na comunicação com o proprio servidor*/
    if (comunica === 503) {

        errorMessageElement.innerHTML = `<p>Não foi possivel se conectar ao servidor, informe ao suporte@itguys.com.br</p>`;

        errorMessageElement.style.height = '15vh';
        errorMessageElement.style.opacity = '1';

        errorMessageElement.style.transition = ' 1s ease';

        const tempoDeExibicao = 5000;
        setTimeout(() => {

            errorMessageElement.style.height = '0vh'; // Oculta a mensagem
            errorMessageElement.style.opacity = '0';
            errorMessageElement.style.transition = ' 1s ease';
        }, tempoDeExibicao);

    }

    /*Caso de erro, onde acontece um problema na comunicação com o proprio servidor*/
    if (comunica === 502) {

        errorMessageElement.innerHTML = `<p> Ocorreu um erro, ao tentar se comunicar com o servidor. Por favor, tente novamente mais tarde, entre contato </p>`;

        errorMessageElement.style.height = '15vh';
        errorMessageElement.style.opacity = '1';

        errorMessageElement.style.transition = ' 1s ease';

        const tempoDeExibicao = 5000;
        setTimeout(() => {

            errorMessageElement.style.height = '0vh'; // Oculta a mensagem
            errorMessageElement.style.opacity = '0';
            errorMessageElement.style.transition = ' 1s ease';
        }, tempoDeExibicao);

    }


}