.main {
  @apply py-10;
  background: url(./components/main-bg.jpg) no-repeat center;
  background-size: cover;
  height: calc(100vh - var(--app-header-header));
  min-height: 500px;
  align-items: center;
  display: flex;
  overflow: hidden;
  justify-content: right;

}

.boxLogin {
  @apply bg-white rounded-2xl ;
  width: 400px;
  margin-right: 15%;

  //background: #fff;
  //border-radius: 20px;
  //box-sizing: border-box;
  //height: 450px;
  //overflow-x: hidden;
  //overflow-y: auto;
  padding: 30px 40px;
  //position: relative;
  //width: 400px;
}
.loginBox{
  @apply border border-gray-50 bg-gray-50 rounded-3xl mt-2 flex items-center pr-3 pl-1 focus-within:border-gray-300; //  focus-within:shadow
}