body {
    background-color: #e9e9e9; /* Cor de fundo suave cinza */
}

.card {
    border: none;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
    min-width: 350px; /* Altura mínima para a card */
}

.form-group{
    text-align: left; /* Alinha o texto dos labels e inputs à esquerda */
}

.logo {
    width: 200px; /* Ajuste o tamanho do logo conforme necessário */
}

h4 {
    color: #555555; /* Verde para o título */
    
}

.btn {
    background-color: #2244dd; /* Verde para o botão */
    color: white;
}

.btn:hover {
    background-color: #112ca1; /* Verde mais escuro ao passar o mouse */
    color: white;
}

.alert {
    border-radius: 10px;
}

/* Novas adições para centralização */
html, body {
    height: 100%;
}

.container.h-100 {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Ajuste a largura da coluna */
.col-md-4 {
    width: 100%;
    max-width: 400px; /* Largura máxima para a coluna */
}