#recovery {
  display: flex;
  align-items: center;
  justify-content: center;
}
#recovery .recovery-container {
  border-radius: 4px;
  max-width: 400px;
  width: 100%;
  background-color: #E22D2C;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.62);
}
#recovery .recovery-container .recovery-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
}
#recovery .recovery-container .recovery-form {
  width: 100%;
  margin-bottom: 10px;
}
#recovery .recovery-container .recovery-form form {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}
#recovery .recovery-container .recovery-success{
 font-size: 14px;
 color: #FFFFFF;
 text-align: center;
 margin: 0px;
}
#recovery .recovery-container .recovery-back {
  text-decoration: underline;
  font-size: 14px;
  cursor: pointer;
  color: #FFFFFF;
}