.element-box{
  border-radius: 4px;
  background-color: #fff;
  padding: 1.5rem 2rem;
  margin-bottom: 1rem;
  -webkit-box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1);
  box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1);
}


#ambiance {
  color: #fff;
  text-align: center;
  border-radius: 10px;
  font-family: InterReg;
  transition: background-color 0.5s, transform 0.5s;
  cursor: default;
  margin: 3% 0 1% 0;
  width: 80%;
}

#ambiance:hover {
  background-color: #2980b9;
  transform: scale(1.05);
}

#ambiance.success {
  background-color: #04DEAA;
  padding: 15px 0;
}

#ambiance.error {
  background-color: #e74c3c;
  padding: 15px 0;
}

#ambiance.info {
  background-color: #2C9AFF;
  padding: 15px 0;
}

#ambiance.warning {
  background-color: #f39c12;
  padding: 15px 0;
}

#ambiance.invalid-email {
  background-color: #c0392b;
  padding: 15px 0;
}

#ambiance.too-many-requests {
  background-color: #e67e22;
  padding: 15px 0;
}