body {
    height: 100vh;
    background-color: white; /* Fundo branco para a página */
}

.login-container {
    max-width: 400px;
    margin: auto;
    background: #f9f9f9; /* Fundo cinza claro para o formulário */
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    padding: 2rem;
    margin-top: 10%;
}

h1 {
    font-weight: bold;
    color: black; /* Texto em preto */
    text-align: center; /* Centraliza o texto */
    margin-bottom: 1.5rem; /* Espaço abaixo do título */
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 1rem 0;
    background: white; /* Fundo branco para o footer */
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
}

.form-control {
    height: 50px;
}

/* Estilo para aumentar a altura dos inputs em telas pequenas */
@media (max-width: 576px) {
    .form-control {
        height: 60px; /* Ajuste a altura dos inputs conforme necessário */
    }
}