/* login.css */
body {
    background: linear-gradient(135deg, #a2c2e1, #6a9bb8, #2d3a5f, #1f3a5f, #0a1a3f);
    background-size: 400% 400%;
    animation: gradientAnimation 10s ease infinite;
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}



.login-form {
    padding: 20px;
    border-radius: 10px;
    background-color: #fff; /* Fundo branco para o formulário de login */
    margin: auto; /* Adicionado para centralizar verticalmente */
}

.restricted-area {
    color: #fff; /* Cor azul para o texto */
    font-size: 50px; /* Tamanho do texto */
    margin-bottom: 60px; /* Espaço abaixo do texto */
    word-wrap: break-word;
}

.login-form button[type="submit"] {
    background-color: #007bff; /* Azul */
    border: none;
    color: #fff; /* Branco */
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

    .login-form button[type="submit"]:hover {
        background-color: #0056b3; /* Azul mais escuro */
    }

.forgot-password-link {
    color: #007bff; /* Azul */
}

.row.justify-content-center.align-items-center {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}