html {
      zoom: 80%;
}

body {        
  overflow: hidden;        
  max-height: 750px;
  background-color: #f0f2f5;
}

#navPrincipal {
  height: 43px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  z-index: 1500;
}

.container {
  height: 480px;
}

#cabecalho {
  position: -webkit-sticky; /* Necessário para funcionar no Safari */
  position: sticky;
  top: 0;
  z-index: 9;
}
#login {
  top: 0;
  overflow: auto;
  overflow-y: scroll;
  max-height: 750px;        
  display: block;
}

#cadastro {
  top: 0;
  overflow: auto;
  overflow-y: scroll;
  max-height: 750px;        
  display: none;
}

#mais {
  display: none;
}

.col {
  width: auto;
  float: right;
  text-align: center;
  border-color: black;
}

.colMeio {
  width: auto;
  min-width: 379px;
  float: right;
  text-align: center;
  border-color: black;
  border-radius: 5%;
}

#telaLogin {
  height: 399px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, .5); 
  border-radius: 3%; 
  background-image: -webkit-linear-gradient(rgba(100, 150, 233, 0.4), rgba(27, 248, 45, 0.2));
}

#divBotaoCadastro {
  margin-top: 5%;
  height: 70px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, .5); 
  border: none;
  border-radius: 3%; 
  background-image: -webkit-linear-gradient(rgba(100, 150, 233, 0.4), rgba(27, 248, 45, 0.2));
}

#botaoCadastro {
  margin-top: 5%;
  border: none;
  font-size:larger;
  float:center; 
  width:50%;
  padding: 1%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, .5); 
}

.row {
  margin-top: 10%;
}

input, button{
  box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
}

.fotoCadastro {
position: absolute;
top: 3%;
margin-left: 2%;
bottom: 10px;
left: 10px;
width: auto;
height: auto;
max-width: 150px;
max-height: 150px;
min-height: 120px;
min-width: 120px;
border-radius: 50%;
border: 2px solid white;
overflow: hidden;
}

.fotoCadastro img {
width: 100%;
height: 100%;
max-width: 150px;
max-height: 150px;
min-height: 120px;
min-width: 120px;
object-fit: cover;
}

.divCadastro {
  border-radius: 3%; 
  padding: 3%; 
  height: 600px; 
  width: auto; 
  box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
  background-image: -webkit-linear-gradient(rgba(66, 66, 233, 0.4), rgba(27, 248, 45, 0.2));
}