#message {
    display:none;
    background: #ffffff;
    color: #000;
    position: absolute;
    margin-top: 10px;
    padding: 10px;
    right: 0;
    bottom: 100%;
    left: 0;
    z-index: 99;
    margin-bottom: 10px;
    box-shadow: -1px 10px 32px 0px rgba(0,0,0, 0.60);
    p {
        padding: 5px 15px;
        font-size: 11px;
        font-family: 'GilroySemibold';
      }
  }
  /* Add a green text color and a checkmark when the requirements are right */
  .valid {
    color: green;
    &:before {
        position: relative;
        left: -5px;
        content: "✔";
      }
  }
  /* Add a red text color and an "x" icon when the requirements are wrong */
  .invalid {
    color: red;
    &:before {
        position: relative;
        left: -5px;
        content: "✖";
      }
  }