
/*  bar */
.loginForm{

  align-content: center;
  min-width:80vw;
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}



.err_msg_login{
  margin: 6rem 0px 1rem 0px;
  min-width:20%;
  transition: all 0.2s linear;

}



.err_msg_login .msg{
  padding:0.5rem;
  display:flex;
  box-shadow: 0px 3px 6px #aaaaaa;
  flex-direction: row;
  justify-content:center;
width:100%;
  border-radius: 1rem;
}
.err_msg_login .error{
  background-color:rgba(255, 0, 0, 0.2);
  color:black;

}
.err_msg_login .sucess{
  background-color:rgba(0, 255, 0, 0.2);
  color:black;
}

.fg{
  background:none;
  border:none;
  color:crimson;
  cursor: pointer;
}


.label_form{
  width: 100%;
}
.login_btn_container{
  display: flex;
  justify-content: end;
  width:50vw;
  flex-shrink: 5;
  margin-right: 1rem;
  flex-wrap: wrap;
  width:100%;

}
.login_form_container{
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 1rem;
  flex-grow: 10;
  flex-shrink: 1;

  flex-wrap: wrap;

}

.newAcc{
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  justify-items: center;
  align-items: center;
  gap: 1rem;
  flex-grow: 1;
  flex-shrink: 5;
  width:clamp(20rem,50%,20vw);

}


.tiny_containers{
  background-color:white;
  border-radius: 1rem;
  padding:2rem;
}
