.main{
  text-align: center;
  width: 90%;
  margin: auto;
}

.login{
  white-space: pre-line;
  border-radius: 25px;
  float: left;
  width: 47%;
  background-color: var(--login);
}
.loginRegistoInput{
  width: 70% !important;
  border-radius: 10px;
}
.loginSubmit{
  width: 7%;
  border-radius: 25px;
}
.registoSubmit{
  width: 9%;
  border-radius: 25px;
}
.esqueceuPass:hover{
  text-decoration: underline;
}

.vl{
  border-left: 1px solid gray;
  height: 100%;
  position: absolute;
  left: 50%;
}

.registo{
  white-space: pre-line;
  border-radius: 25px;
  float: right;
  width: 47%;
  background-color: var(--registo);
}
.tabelaRegisto{
  width:95%;
  margin: auto;
  .labelTabela{
    width: 24% !important;
    text-align: right;
  }
  .inputTabela{
    width: 76% !important;
    input{
      width: 95% !important;
      border-radius: 10px;
    }
  }
}