* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
  }
.content p {
    color: #333;
    font-size: 1.3rem;
  }
  .content .requirement-list {
    margin-top: 20px;
  }
  .requirement-list li {
    font-size: 1.3rem;
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .requirement-list li i {
    width: 20px;
    color: rgb(0, 0, 0);
    font-size: 0.6rem;
  }
  .requirement-list li.valid i {
    font-size: 1.2rem;
    color: #F6041A;
  }
  .requirement-list li span {
    margin-left: 12px;
    color: #333;
  }
  .requirement-list li.valid span {
    color:#F6041A;
  }

  @media screen and (max-width: 500px) {
    body, .wrapper {
      padding: 15px;
    }
    .wrapper .pass-field {
      height: 55px;
    }
    .pass-field input, .content p  {
      font-size: 1.15rem;
    }
    .pass-field i, .requirement-list li {
      font-size: 1.1rem;
    }
    .requirement-list li span {
      margin-left: 7px;
    }
  }