html, body {
   height: 100%;
}

body {
   background-image: url(../../public/images/bg.jpg);
   background-origin: border-box;
   background-size: cover;
}

.container {
   background: #00000044; 
   backdrop-filter: blur(5px);
   padding: 80px;
   position: absolute;
   top: 0;
   right: 0%;
   width: 35%;
   height: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   justify-content: center;         
   transition: 1s ease;
}

.container:hover {
   background: #00000088; 
   backdrop-filter: blur(10px);
   transition: 1s ease;
}

::placeholder{
   text-align: center;
}

#areasenha {
   display: none;   
}

#botaologin {
   display: none;   
}

#userinvalido {
   display: none;   
}

.rodape {
   position: absolute;
   bottom: 0px;
   height: 50px;
   color: rgba(104, 103, 103, 0.795);
   font-size:  13px;
}

/* Chrome e outros */
#cnpj-field::-webkit-outer-spin-button,
#cnpj-field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#cnpj-field[type=number] {
  -moz-appearance: textfield;
}