@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
html,
body {
    background: #0c472e;
    font-family: 'Poppins', sans-serif;
}

::selection {
    color: #fff;
    background: #6665ee;
}

.container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.container .form {
    background: #fff;
    padding: 30px 35px;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.container .form form .form-control {
    height: 40px;
    font-size: 15px;
}

.container .form form .forget-pass {
    margin: -15px 0 15px 0;
}

.container .form form .forget-pass a {
    font-size: 15px;
}

.container .form form .button {
    background: #0c472e;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.container .form form .button:hover {
    background: #167e52;
}

.container .form form .link {
    padding: 5px 0;
}

.container .form form .link a {
    color: #6665ee;
}

.container .login-form form p {
    font-size: 14px;
}

.container .row .alert {
    font-size: 14px;
}
.logo {
    display: block;
    margin: 0 auto; /* Centraliza horizontalmente */
    max-width: 70%; /* Limita a largura máxima da imagem para telas grandes */
    height: auto; /* Mantém a proporção da imagem */
}

@media (max-width: 768px) { /* Para telas menores, como tablets */
    .logo {
        max-width: 90%; /* Aumenta a responsividade em telas menores */
    }
}

@media (max-width: 576px) { /* Para telas muito pequenas, como celulares */
    .logo {
        max-width: 100%; /* Ocupa todo o espaço horizontal se necessário */
    }
}