.navbar {
    background-color: #0d6efd;
    /* mudando a cor do fundo para um tom de cinza escuro */
}

.navbar-brand, .nav-link {
    color: #ffffff !important;
    /* mudando a cor do texto para branco */
}

.navbar-brand:hover, .nav-link:hover {
    color: #cccccc !important;
    /* mudando a cor do texto para cinza claro ao passar o mouse */
}

/* Para resolver o problema da barra de rolagem */
html, body {
    overflow-x: hidden;
    /* remove a barra de rolagem horizontal */
    max-width: 100%;
    /* impede que o corpo se estenda além da janela de visualização */
}

/* Para ajustar o tamanho do conteúdo do login */
.card {
    margin-top: -180px;
    /* Ajuste esses valores conforme necessário */
    width: 100%;
    max-width: 500px;
    /* limita a largura do cartão */
}

.card-title {
    font-size: 1.5rem;
    /* reduz o tamanho da fonte do título */
}

.form-control {
    height: auto;
    /* ajusta a altura dos campos de entrada */
}

.small {
    font-size: 0.8rem;
    /* reduz o tamanho da fonte dos textos menores */
}

footer {
    background-color: #EEE;
    height: 200px;
    border-top: 1px solid #DDD;
    margin-top: -200px;
}