/* Configuração Dinamica */
* {
    margin: 0;
    padding: 0;
}
/* Small screens (default) */
html { font-size: 100%; }

/* Medium screens (640px) */
@media (min-width: 40rem) { 
  html { font-size: 112%; }
}

/* Large screens (1024px) */
@media (min-width: 64rem) { 
  html { font-size: 110%; }
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

body {
   background-color: #ececece5;
    
}
.container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.painel-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 18rem;
  background-color: #ffffff;
  border-radius: 15px;
}
.login-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.bgimg {
  display: flex;
  align-items: center;
  align-content: center;
  z-index: -1;
  position: absolute;
  max-width: 45rem;
  opacity: 1;
}

@media screen and (max-width: 575px){
  .bgimg{
  max-width: 20rem;
}
}