.modal{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  background-color: rgba(0,0,0,.75);
}
.modal-container{
  border-radius: 5px;
  margin: 0 20px;
  padding: 10px;
  position: relative;
  min-width: 300px;
}
.modal-container__header{
  margin-bottom: 30px;
}
.close{
  position: absolute;
  text-shadow: none;
  font-size: 19px !important;
  top: 35px;
  right: -25px;
  font-size: 25px;
  user-select: none;
  cursor: pointer;
}
.open{
  display: flex;
}

@keyframes modalIn {
  from {opacity: 0;}
  to {opacity: 1}
}
@keyframes modalOut {
  from {opacity: 1}
  to {opacity: 0}
}

/*#login{*/
  /*display: flex;*/
  /*flex-direction: column;*/
  /*justify-content: center;*/
/*}*/
/*#login>input{*/
  /*background-color: #ffffff;*/
  /*border: none;*/
  /*height: 40px;*/
  /*padding-left: 8px;*/
/*}*/
/*#login>button{*/
  /*color: #ffffff;*/
  /*background-color: #e62625;*/
  /*border: 1px solid #e62625;*/
  /*font-size: 18px;*/
  /*text-align: center;*/
  /*margin-top: 12px;*/
  /*height: 40px;*/
/*}*/

.login_form{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.login_form>input{
  background-color: #ffffff;
  border: none;
  height: 40px;
  padding-left: 8px;
}
.chane_login_form {
  padding-top: 8px;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
}
.chane_login_form:hover {
  text-decoration: none;
  color: #FFFFFF;
}