/* Estilos para o corpo da página */
body {
    background-image: url('https://i.pinimg.com/564x/24/16/e4/2416e43d653933f1c510a598eee3801e.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font-family: 'Roboto', sans-serif;
}

.login-form {
    max-width: 350px;
    margin: 0 auto;
  }
  #logo {
    width: 30%; /* largura desejada */
    margin-left: auto;
    margin-right: auto;
}

/* Media query para dispositivos móveis com largura máxima de 768px */
@media only screen and (max-width: 768px) {
    #logo {
        width: 100%; /* ajuste a largura desejada para dispositivos móveis */
    }
}